/*
Generic section
*/
body { text-align: center;
       background-color: #cddada;
       color: #333;
       font-size: 16px;
       font-family: Arial, sans-serif; }

#Container { width: 950px;
             text-align: left;
             margin: 5px auto 0 auto;
             background-color: #fff;
             position: relative;
             background: #fff url(../img/HC-background.jpg) no-repeat center bottom; }

#Container.simple { background: #fff url(../img/HC-background2.jpg) no-repeat center bottom; }

a:link,
a:visited,
a:hover,
a:active { color: #53606F; }
/*
Header Section
*/
#Header { height: 106px;
          width: 100%;
          position: relative; }

#Header.pageHome { background: url(../img/bearings/homeheader.jpg) no-repeat right top; }

#Header.pageBlank { background: url(../img/bearings/blankheader.jpg) repeat-x; }

#Title { width: 208px;
         height: 53px;
         display: block;
         position: relative;
         top: 35px;
         margin: 0 0 0 40px; }

#Search,
#Client,
#Contact { position: absolute;
           top: 30px;
           right: 20px;
           display: block;
           color: #f04d46;
           text-decoration: none;
           font-size: 0.8em;
           line-height: 0.8em;
           letter-spacing: 0.04em;
           text-transform: lowercase;
           border-right-color: #f04d46;
           border-right-style: solid;
           border-right-width: 3px;
           padding: 3px 10px 3px 0; }

#Search { top: 50px; }

#Client { top: 70px; }


#Search:hover,
#Search:active,
#Client:hover,
#Client:active,
#Contact:hover,
#Contact:active { text-decoration: underline; }
/*
Menu Section
*/
#Nav { height: 25px;
       position: relative;
       padding-left: 40px;
       background: url(../img/menuBg.jpg) repeat-x; }

#Nav li { float: left;
          position: relative;
          margin-right: 30px; }

#Nav li.right { float: right;
                margin-right: 18px; }

#Nav li.right a.top { padding-right: 15px;
                      text-align: right;
                      width: 124px; }

#Nav li.title { display:block;
                font-size:12px;
                font-weight: bold;
                height:25px;
                line-height:25px;
                text-transform: uppercase;
                color:#49717D;
                margin: 0 10px 0 0; }

#Nav li a { color:#53606f;
            text-decoration: none; }

#Nav li a.current,
#Nav li a.over,
#Nav li:hover a,
#Nav li:active a,
#Nav li:focus a { color: #f04d46; }

#Nav li a.top { display:block;
                font-size:12px;
                font-weight: bold;
                height:25px;
                line-height:25px;
                text-transform: uppercase;
                background: url(../img/menuArrow.jpg) no-repeat right center;
                padding-right: 15px;
                float: left; }

#Nav li a.over,
#Nav li:hover a.top,
#Nav li:active a.top,
#Nav li:focus a.top { background-image: url(../img/menuArrowSelected.jpg); }

#Nav li ul { display: none;
             position: absolute;
             top: 25px;
             left: 0;
             border: 1px solid #439498;
             border-top: 0;
             background: #fff;
             padding: 5px;
             width: 134px; }

#Nav li.right ul { width: 90px;
                   left: 32px; }

#Nav li.bearing1 { position: absolute;
                   top: -14px;
                   right: 217px;
                   width: 53px;
                   height: 84px;
                   margin: 0;
                   background: url(../img/bearings/nav1.png); }

#Nav li.bearing2 { position: absolute;
                   top: 0px;
                   right: 165px;
                   width: 53px;
                   height: 94px;
                   margin: 0;
                   background: url(../img/bearings/nav2.jpg); }

#Nav li.bearing3 { position: absolute;
                   top: 0px;
                   right: 217px;
                   width: 53px;
                   height: 94px;
                   margin: 0;
                   background: url(../img/bearings/nav2.jpg); }

/*#Nav li > ul { top: auto;
	             left: auto; }*/

#Nav li.over ul,
#Nav li:hover ul,
#Nav li:active ul,
#Nav li:focus ul { display: block; }

#Nav li ul li { background: #fff;
                background-image: none;
                display: block;
                float: none;
                margin: 0 0 3px 0; }

#Nav li:hover ul li a,
#Nav li:active ul li a,
#Nav li:focus ul li a,
#Nav li ul li a { font-size: 0.8em;
                  display: block;
                  padding: 3px 3px;
                  width: 128px;
                  color: #53606f; }

#Nav li.right:hover ul li a,
#Nav li.right:active ul li a,
#Nav li.right:focus ul li a,
#Nav li.right ul li a { width: 86px; }

#Nav li ul li a:hover,
#Nav li ul li a:active,
#Nav li ul li a:focus { background-color: #cddada;
                        color: #333; }

/*
Main content
*/
/*#Content { min-height: 600px; }*/

div.pageHome { background: url(../img/bearings/home.gif) no-repeat 380px 45px; }

div.pageCircle { background: url(../img/bearings/circle.gif) no-repeat 444px 20px; }

div.pageMoon { background: url(../img/bearings/moon.jpg) no-repeat 624px 20px; }

div.page3balls { background: url(../img/bearings/3balls.jpg) no-repeat 550px 40px; }

div.pageLine7 { background: url(../img/bearings/line7.jpg) no-repeat 234px 135px; }

div.pageLine3 { background: url(../img/bearings/line3.jpg) no-repeat 234px 135px; }

div.pageSingle { background: url(../img/bearings/1ball.jpg) no-repeat 644px 40px; }

div.pageVert { background: url(../img/bearings/vline5.jpg) no-repeat 494px 350px; }

div.pageVal { background: url(../img/bearings/values.jpg) no-repeat 554px 20px; }

#Content div.intro { padding: 50px 0 0 40px; }

#Content h1 { color: #555e63;
              font-size: 1.8em;
              font-weight: normal; }

#Content.pageCircle h1 { font-size: 2.5em; }

#Content h1 span { font-size: 0.8em; }

#Content h2 { color: #f04d46;
              font-size: 0.8em;
              margin-top: 20px;
              font-weight: bold;
              line-height: 1em;
              letter-spacing: 0.001em; }

#Content h2.profile { clear: both; }

#Content ul.mainlist li,
#Content p.introtext,
.smallLink {
  color: #444;
  line-height: 1.8em;
  font-size: 0.8em;
}

#Content p.footertext {
  color: #999;
  font-size: 0.6em;
  line-height: 1.3em;
  margin-top: 40px;
}

#Content ul.mainlist { list-style: square outside;
                       width: 460px;
                       padding-left: 15px; }

#Content p.introtextbold { color: #444;
                       line-height: 1.8em;
                       font-size: 0.8em;
           			   font-weight: bold; }

#Content div.intro p.introtext { margin-top: 20px;
                                 width: 460px; }

#Content.pageCircle div.intro p.introtext { width: 400px;
                                            font-size: 0.9em; }

a.search { display: block;
           margin-top: 20px;
           width: 152px;
           height: 35px;
           line-height: 35px;
           font-size: 0.8em;
           text-decoration: none;
           color: #fff;
           text-transform: uppercase;
           text-align: center;
           font-weight: bold;
           background: url(../img/boxes/search2.jpg) no-repeat; }

a.search:hover,
a.search:active { text-decoration: underline; }

#Content h2.featured { display: block;
                      text-transform: uppercase;
                      color: #f04d46;
                      margin: 30px 0 0 40px; }

#Content.pageCircle h2.featured { width: 141px;
                                  height: 39px;
                                  line-height: 39px;
                                  color: #555e63;
                                  background: url(../img/boxes/featuredTitle.jpg) no-repeat;
                                  padding-left: 10px;
                                  margin-top: 100px; }

#Content strong { font-weight: bold; }

ul.featuredJobs { margin: 15px 0 0 40px; }

ul.featuredJobs li { display: block;
                     width: 152px;
                     float: left;
                     background: url(../img/boxes/featuredJobTop.png) no-repeat center top;
                     padding-top: 10px;
                     margin-right: 15px; }

ul.featuredJobs li a { display: block;
                       width: 142px;
                       height: 55px;
                       background: url(../img/boxes/featuredJobBottom.png) no-repeat center bottom;
                       text-decoration: none;
                       color: #fff !important;
                       font-size: 0.95em;
                       line-height: 1.2em;
                       padding: 0 5px 12px 5px; }

#Content img.profile { float: left;
                       margin-bottom: 20px; }
#ProfileNav { float: left;
              margin: 0 0 0 200px; }

#footer { padding-top: 220px;
          clear: both; }

#footer.noMargin { padding-top: 50px; }

#footer ul { margin: 0 0 0 40px;
             padding-bottom: 10px; }

#footer ul li { display: inline;
                color: #aaa;
                font-size: 0.7em; }

#footer ul li a { color: #aaa;
                  text-decoration: none; }

#footer ul li a:hover,
#footer ul li a:active { text-decoration: underline; }

#footer ul li a span { color: #53606f;
                       font-weight: bold; }
/*.profiles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	text-decoration: none;
	width: 425px;
}
.profileTitle {
	font-family: Arial, Helvetica, sans-serif;
	color: #F48572;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
}*/
.profileDescip {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: bold;
	font-size: 14px;
	line-height: normal;
}
.generalText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	text-decoration: none;
	width: 485px;
}
.bold {
font-weight: bold
}
.italic {
font-style: italic
}
.pageTitle {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 28px !important;
	color: #999999 !important;
	margin-bottom: 80px;
}

/*
Search result page
*/
#SearchBox { width: 180px;
             height: 341px;
	           background: url(../img/boxes/search.png);
	           margin: 100px 20px 0 0;
	           padding: 12px;
	           float: right; }

#JobBagBox { width: 180px;
             height: 76px;
	           background: url(../img/boxes/searchSmall.png);
	           margin: 10px 20px 0 0;
	           padding: 12px;
	           float: right;
	           clear: right;}

#SearchBox p { line-height: 1em !important; }

#SearchBox p.form { margin: 10px 0; }

#ToJobBag { color: #F04D46;
            font-size: 0.8em;
            font-weight: bold;
            display: block;
            margin-top: 10px; }

#SearchBox select { width: 180px;
                    margin: 1px 0;
                    font-size: 0.7em; }

#SearchBox input { float: right;
                   margin: 1px 0; }

#SearchResults { margin: 10px 400px 10px 40px; }

#SearchResults h1 { font-weight: normal;
                    margin: 50px 0 20px 0; }

#SearchResults div.resultNav { margin: 0 0 20px 0;
                               font-size: 0.8em;
                               text-align: right; }

#SearchResults div.resultNav a { text-decoration: none; }

#SearchResults div.resultNav a:hover,
#SearchResults div.resultNav a:active { text-decoration: underline; }

#SearchResults p.resultTotal { color: #439498;
                               font-size: 0.8em;
                               margin-bottom: 20px; }

#SearchResults div.jobResult { margin-bottom: 40px; }

#SearchResults div.jobResult h2 { margin: 0 0 5px 0;
                                  font-size: 0.8em;
                                  font-weight: bold;
                                  line-height: 1.5em; }

#SearchResults div.jobResult h2 a { color: #F04D46;
                                    text-decoration: none; }

#SearchResults div.jobResult div.options a { padding: 0 10px;
                                             text-transform: uppercase;
                                             text-decoration: none;
                                             float: left;
                                             border-left: 1px solid #53606F; }

#SearchResults div.jobResult div.options { font-size: 0.7em;
                                           height: 1em;
                                           overflow: hidden; }

#SearchResults div.jobResult div.options a:first-child { padding-left: 0;
                                                         border: 0; }

#SearchResults div.jobResult div.options a:hover,
#SearchResults div.jobResult div.options a:active { text-decoration: underline; }

#SearchResults div.jobResult div.options a.more { float: right;
                                                  padding-right: 0;
                                                  border: 0; }

.sitemap li {
  margin-top: 20px;
}
.tabletext {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.8em;
	line-height: normal;
	color: #444444;
	line-height: 1.8em;
}
.tabletexta {
	font-family: "Arial", Times, serif;
	font-size: 0.8em;
	line-height: normal;
	color: #444444;
	line-height: 1.8em;
}