/* General */

body { background: #a8afb9 url(bg.jpg) no-repeat !important; color: #333;
  font: normal 12px/16px Arial,Helvetica,sans-serif; margin: 0;
  padding: 9px 0 0 18px;
}
:link, :visited { color: #728089; text-decoration: underline; }
:link img, :visited img { border: none; }
h1 :link, h1 :visited, h2 :link, h2 :visited, h3 :link, h3 :visited,
h4 :link, h4 :visited, h5 :link, h5 :visited, h6 :link, h6 :visited {
  text-decoration: none;
}
h1 { font-size: 14px; line-height: 16px; }
h2 { font-size: 12px; line-height: 16px; }

/* Forms */

form { margin: 0;}
button { cursor: pointer; }
button, input, select, textarea { font-family: Arial,Helvetica,sans-serif;
  font-size: 12px; line-height: 16px;
}
input[type='text'], input[type='password'], select, textarea {
  border: 1px solid #ccc; color: #333; margin: 1px 0;
}
input[type='text'], input[type='password'], textarea { padding: 2px 4px; }
input[type='text'][disabled], input[type='password'][disabled],
select[disabled], textarea[disabled] {
  background-color: #f6f6f6; color: #ccc;
}

/* Logo image */
#logo img { border: none; }

/* Country switcher drop-down */
#countryswitcher { color: #606c75; font-size: 90%; margin: 0;
  position: absolute; width: 954px; top: 9px;
}
#countryswitcher select { font-size: 95%; vertical-align: middle; }
#countryswitcher div { text-align: right; }

/* Main navigation bar */
#mainnav { margin: 0; line-height: 14px; position: relative; width: 964px; }
#mainnav ul { display: inline; float: left; list-style: none;
  margin: 0 0 0 189px; padding: 0;
}
#mainnav li { background: 0 0 no-repeat; margin: 0; padding: 0 0 0 4px;
  float: left; white-space: nowrap;
}
#mainnav a { background: 100% 0 no-repeat; color: #606c75; display: block;
  float: left; font-size: 13px; font-weight: bold; padding: 5px 24px 5px 10px;
  text-decoration: none;
}
#mainnav a:hover { color: #333; }
#mainnav #ruler { background:  url(ruler/home.png) no-repeat left bottom;
  clear: left; font-size: 1px; height: 9px;
}
#mainnav li#nav_home { background-image: url(nav/home_l.png) }
#mainnav li#nav_home a { background-image: url(nav/home_r.png) }
#mainnav.home li#nav_home { background-image: url(nav/home_l_f2.png) }
#mainnav.home li#nav_home a { background-image: url(nav/home_r_f2.png); color: #fff }
#mainnav li#nav_playground { background-image: url(nav/playground_l.png) }
#mainnav li#nav_playground a { background-image: url(nav/playground_r.png) }
#mainnav.playground li#nav_playground { background-image: url(nav/playground_l_f2.png) }
#mainnav.playground li#nav_playground a { background-image: url(nav/playground_r_f2.png); color: #fff  }
#mainnav.playground #ruler { background-image: url(ruler/playground.png) }
#mainnav li#nav_safety { background-image: url(nav/safety_l.png) }
#mainnav li#nav_safety a { background-image: url(nav/safety_r.png) }
#mainnav.safety li#nav_safety { background-image: url(nav/safety_l_f2.png) }
#mainnav.safety li#nav_safety a { background-image: url(nav/safety_r_f2.png); color: #fff  }
#mainnav.safety #ruler { background-image: url(ruler/safety.png) }
#mainnav li#nav_sports { background-image: url(nav/sports_l.png) }
#mainnav li#nav_sports a { background-image: url(nav/sports_r.png) }
#mainnav.sports li#nav_sports { background-image: url(nav/sports_l_f2.png) }
#mainnav.sports li#nav_sports a { background-image: url(nav/sports_r_f2.png); color: #fff  }
#mainnav.sports #ruler { background-image: url(ruler/sports.png) }
#mainnav li#nav_industrial { background-image: url(nav/industrial_l.png) }
#mainnav li#nav_industrial a { background-image: url(nav/industrial_r.png) }
#mainnav.industrial li#nav_industrial { background-image: url(nav/industrial_l_f2.png) }
#mainnav.industrial li#nav_industrial a { background-image: url(nav/industrial_r_f2.png); color: #fff }
#mainnav.industrial #ruler { background-image: url(ruler/industrial.png) }
#mainnav li#nav_admin { padding: 0; }
#mainnav li#nav_admin a { background: url(nav/admin.png) left top no-repeat;
  padding: 5px 5px 5px 0; position: absolute; left: 146px; width: 38px;
  text-indent: -5000px;
}
#mainnav li#nav_admin a:hover { background-image: url(nav/admin_h.png); }
#mainnav.admin li#nav_admin a { background-image: url(nav/admin_f2.png); }
#mainnav.admin #ruler { background-image: url(ruler/admin.png) }

/* Wrapper around subnav and content */
#wrapper { background: url(mainb.png) 189px bottom no-repeat;
  margin-bottom: 2em; position: relative; padding: 0 10px 10px 189px;
  width: 775px;
}

/* Left sidebar, containing sub-navigation and personalization */
#sidebar { position: absolute; left: 0; width: 189px; }
#sidebar_buttons div { text-align: center; margin: 10px 10px 5px 0;}

/* Sub-navigation */
#subnav { background: url(subnavb.png) 100% 100% no-repeat; line-height: 18px;
  padding-bottom: 10px;
}
#subnav ul { background: #fff url(subnavr.png) 100% 0 repeat-y;
  list-style: none; margin: 0; padding: 5px 10px 5px 0;
}
#subnav ul ul { background: transparent; padding: 0; }
#subnav li a { border-bottom: solid 1px #fff; display: block; font-size: 12px;
  font-weight: bold; line-height: 14px; overflow: hidden; padding: 2px 9px 1px;
  text-decoration: none;
}
#subnav li.expanded a { background: #eaeced; }
#subnav li a:active, #subnav li a:hover { background: #eaeced;
  text-decoration: none;
}
#subnav li a.active { background: #c6cbcf; }
#subnav li li a:active, #subnav li li a:hover { background: #c6cbcf; }
#subnav li li a { font-weight: normal; padding-left: 18px; }
#subnav #myacct { background: url(subnavr.png) repeat-y right -10px;
  padding-right: 10px;
}
#subnav #myacct a { background: #c6cbcf; border-top: 1px solid #728089;
  display: block; font-weight: bold; padding: 2px 9px 1px;
  text-decoration: none;
}

/* Personalization (logout, etc) */
#pers { margin-top: 18px; padding-right: 10px; }
#pers, #pers p { color: #606c75; font-size: 11px; line-height: 13px; }
#pers p, #pers ul { margin: .5em 0; }
#pers p strong { white-space: nowrap; }
#pers ul, #pers li { list-style-type: none; padding-left: 0; }
#pers :link, #pers :visited { color: #606c75; }
#pers :link:hover, #pers :visited:hover { color: #000;
  text-decoration: underline;
}
#pers .logout, #pers .preview { background: #cacfd2; border: 1px solid #606c75;
  font-size: 12px; padding: 1px 3px; text-decoration: none;
}
#pers .logout:hover, #pers .preview:hover { text-decoration: none; }
html.preview #pers .preview { background-color: #606c75; border-color: #cacfd2;
  color: #cacfd2;
}

/* Main content area */
#mainwrap { background: url(mainr.png) right top repeat-y; padding-right: 10px;
  position: relative;
}
#main { background: #f3f4f5; line-height: 18px; padding-bottom: 1px;
  position: relative;
}

/* Masthead images */
#masthead img { display: block; width: 765px; }
#masthead .viewport { position: relative; overflow: hidden; white-space: nowrap; }
#masthead .viewport img { display: inline-block; vertical-align: top; }
#masthead .viewport img.other { display: none; }
#masthead .switcher { margin: 2px 10px 0 10px; padding: 0; list-style: none; }
#masthead .switcher li { display: inline; padding: 0 10px 0 0; }
#masthead .switcher a.active { text-decoration: none; }

/* Breadcrumb trail */
#breadcrumbs { color: #728089; font-size: 13px; margin: 10px 10px 0 10px; }
#breadcrumbs :link, #breadcrumbs :visited { text-decoration: none; }
#breadcrumbs :link:hover, #breadcrumbs :visited:hover,
#breadcrumbs :link:active, #breadcrumbs :visited:active {
  text-decoration: underline;
}

/* Table containing the actual page content columns */
#columns { border-collapse: collapse; position: relative; margin: 10px 9px 0 0;
  width: 756px;
}
#columns td.col { padding-left: 9px; vertical-align: top; width: 180px;
  max-width: 180px;
}
#columns td.wide { width: auto; }

#footer { color: #999; font-size: 90%; padding: .5em 9px 0; text-align: right; }

/* Content blocks */
.blockwrap { background: #fff url(blockhl.gif) no-repeat left top;
  border-bottom: solid 1px #6e7c85; margin-bottom: 10px;
}
.block { background: transparent url(blockhr.gif) no-repeat right top;
  padding: 8px 4px;
}
.block img.content { display: block; margin: 0 -4px; }

/* The main content column */
#columns td.wide .block { padding: 8px; }
#columns td.wide .block img.content { float: left; margin: 0 2px 5px 0;
  position: relative; left: -8px;
}

/* A teaser column */
#columns td.teaser .block h1 { font-size: 14px; margin: 0.9em 0 4px; }
#columns td.teaser .block img.content { border-bottom: 1px solid; }

/* Captioned blocks have the title inside a thicker top border. */
.block div.caption { background: #728089 !important; height: 12px;
  margin: -4px -4px 6px; padding: 0 8px;
}
*+html .block .caption { width: 164px; position: relative; left: -4px; }
.block .caption h2 { background: transparent; color: #fff;
  font-size: 12px !important; margin: 4px; position: relative; top: -6px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
*+html .block .caption h2 { top: -11px; }
.block .caption h2 :link, .block .caption h2 :visited { color: #fff; }
.block .captioned img.content { margin-top: -6px; margin-bottom: 6px; }

/* Search box */
.searchbox input { border: 1px solid #ccc; color: #606c75; width: 128px; }
.searchbox button, #quicksearch button { background: transparent; border: none;
  padding: 0; vertical-align: middle;
}
.searchbox button img, #quicksearch button img { width: 20px !important;
  height: 19px !important;
}
.searchbox .scope { padding-left: .5em; }
.searchbox .scope label, .searchbox select { color: #606c75; font-size: 90%; }
.searchbox .scope select { border: 1px solid #ccc; width: 100px; }

@media screen {
  /* Styles for search word highlighting */
  .searchword { background: #e8ebec; }
}

body.popup { background: #fff !important; padding: 0; }
body.popup #wrapper { background-image: none; padding: 0; width: auto; }
body.popup #mainwrap { background: transparent; padding: 0; }
body.popup #main { background: transparent; }
body.popup #columns { margin: 0; width: 100%; }
body.popup #columns td.col { border-bottom: none; padding: 0; }
body.popup #columns td.col .blockwrap, body.popup #columns td.col .block {
  background: transparent; border: none;
}