@import "reset.css";

body {
  font: 1em arial, sans-serif;
  color: #999;
  background: #ededed url(/style/images/page-bg-grey.jpg) repeat-x top left;
}

body#feature {
  background: #fff none;
  padding: 3em;
}

div#container {
  width: 960px;
  margin: 0 auto;
  padding: 0 11px 0 5px;
  background: url(/style/images/content-bg.png) repeat-y top left;
}

div#topShadow {
  width: 976px;
  height: 20px;
  margin: 0 auto;
  background: url(/style/images/content-top-bg.png) no-repeat top left;
  overflow: hidden;
}

div#bottomShadow {
  width: 976px;
  height: 24px;
  margin: 0 auto;
  background: url(/style/images/content-bottom-bg.png) no-repeat top left;
}

div#content {
  width: 930px;
  position: relative;
  padding: 20px 0 20px 30px;
}

/* header */

div#header {
  position: relative;
  width: 960px;
}

h1#logo, p#logo {
  display: block;
  margin: 0;
}

h1#logo a, p#logo a {
  display: block;
  width: 222px;
  height: 65px;
  margin: 0 0 15px 0;
  background: url(/style/images/hoist-logo.png) no-repeat bottom right;
  text-indent: -999em;
}

/* search */

form#searchForm {
  position:absolute;
  top:13px;
  right:28px;
}

form#searchForm legend { display: none; }

input#query {
  float:left;
  font:1em arial, sans-serif;
  color:#858585;
  border:1px solid #f5f3f2;
  border-right:none;
  width:200px;
  height:21px;
  padding:7px 0 0 10px;
}

input#btnSearch
{
  float:left;
}
/* languages */

ul#languages {
  display: block;
  width: 930px;
  margin: 0 auto;
  padding: 13px 41px 5px 5px;
  font-size: .687em;
  color: #b0b0b0;
  text-align: right;
}

ul#languages li {
  display: inline;
}

ul#languages a {
  color: #b0b0b0;
  text-decoration: none;
}

/* navigation */

div#navigation {
  position: relative;
  padding: 0 30px;
}

div#navigation p#login,
div#navigation p#webshop-cd {
  position: absolute;
  top: 0;
  right: 10px;
  display: block;
  padding: 0 20px;
  font-size: 11px;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 38px;
}
div#navigation p#webshop-cd a
{
  color:#ec008c;
}
div#navigation p#login a
{
  
}
div#navigation ul {
  display: block;
  height: 38px;
  background-color: #f9f9f9;
}

div#navigation li {
  display: block;
  float: left;
}

div#navigation a {
  display: block;
  float: left;
  padding: 0 20px;
  margin:0 1px 0 0;
  font-size: 10px;
  color: #7a7a7a;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 38px;
}

div#navigation li.active a,
div#navigation li.dir_active a,
div#navigation a:hover {
  color: #fff;
  background-color: #b0b0b0;
}

/* imageset */
#imageset {
  margin: 20px 0 0 30px;
}

/* sub navigation */

div#subNavigation { margin-bottom: 30px; }

div#subNavigation ul {
  font-size: .68em;
}

div#subNavigation ul ul {
  font-size: 1em;
}

div#subNavigation .header a {
  color: #555;
}

div#subNavigation li a {
  display: block;
  font-weight: normal;
  padding: 10px 20px;
  border-bottom: 1px solid #f1f1f1;
  color: #555;
  text-decoration: none;
}

div#subNavigation li li a {
  padding-left: 40px;
}

div#subNavigation li li li a {
  padding-left: 60px;
}

div#subNavigation li.dir a {
  background-image: url(/style/images/sub-nav-dir.png);
  background-repeat: no-repeat;
  background-position: 7px 13px;
}

div#subNavigation li.dir_active a {
  background-image: url(/style/images/sub-nav-dir-open.png);
  background-repeat: no-repeat;
  background-position: 7px 14px;
}

div#subNavigation li.dir a:hover { background-image: url(/style/images/sub-nav-dir-hover.png); }
div#subNavigation li.dir_active a:hover { background-image: url(/style/images/sub-nav-dir-open-hover.png); }

div#subNavigation li.dir_active li a,
div#subNavigation li.dir li a,
div#subNavigation li.dir li a:hover,
div#subNavigation li.dir_active li a:hover { background-image: none; }

div#subNavigation li.active a,
div#subNavigation li a:hover {
  color: #fff;
  background-color: #b0b0b0;
}

div#subNavigation li.active li a {}

/* footer */

div#footer {
  text-align: center;
  padding:15px 0 15px 0;
}

div#footer p { color: #999; margin: 0; line-height: 2em; }

div#footer a { color: #999; text-decoration:none; }

div#footer p span { padding: 0 .5em; }

#logos {
  /*width: 960px;*/
  margin: 0 30px;
}
#footer p.footer-logo { text-align:center; margin:0 0 16px 0; }
/* branding */

div#branding {
  width: 926px;
  margin: 0 auto;
  padding: 0 30px 10px 0;
  text-align: right;
}

div#branding a {
  font-size: .68em;
  color: #999;
  text-decoration: none;
}

/* columns */

div.column280,
div.column350,
div.column520 {
  float: left;
  padding: 0 30px 6px 0;
}

div.column280 { width: 280px; }

div.column350 { width: 350px; padding-right: 0; }

div.column520 { width: 520px; padding: 0 30px 30px 0; }

div.column900 { width: 900px; }

div.column550 {
  float: left;
  width: 550px;
  padding: 0 35px 35px 0;
  border-right: 1px solid #f1f1f1;
  overflow: hidden;
}

div.column279 {
  position: relative;
  left: -1px;
  float: left;
  width: 279px;
  padding: 0 0 35px 35px;
  border-left: 1px solid #f1f1f1;
}

div.column225left {
  float: left;
  width: 239px;
  border-right: 1px solid #f1f1f1;
  padding: 16px 35px 16px 0;
}

div.column225right {
  position: relative;
  left: -1px;
  float: left;
  width: 239px;
  border-left: 1px solid #f1f1f1;
  padding: 16px 0 16px 35px;
}

div.column260left {
  float: left;
  width: 260px;
  padding: 16px 30px 16px 0;
}

div.column260right {
  float: left;
  width: 260px;
  padding: 16px 0 16px 0;
}

/* features */

div.feature {
  margin-bottom: 30px;
}

div.featureGray {
  background-color: #e8e8e8;
  padding: 25px;
  margin-bottom: 30px;
}

div.featureWhite {
  background-color: #FFFFFF;
  padding: 15px;
  margin-bottom: 30px;
}

/* features, viewed individually */

body#feature div.feature {
  width: 279px;
}

body#feature div.featureGray {
  width: 229px;
}

/* forms */

div.form-grey {
  background-color: #e8e8e8;
  padding: 25px;
  margin-bottom: 30px;
  width:500px;
}

.form-input {
width:230px;
border:0;
padding:5px;
font-size:11px;
font-family:arial, sans-serif;
}

.hr {
margin:10px 0;
}

.form-column-left {
width:230px;
padding:0 30px 0 0;
float:left;
}

.form-column-right {
width:230px;
float:left;
}

.form-grey textarea {
width:490px;
height:100px;
border:0;
padding:5px;
font-size:11px;
font-family:arial, sans-serif;

}

/* text */

h1 {
  font-size: 2.2em;
  font-weight: bold;
  color: #b0b0b0;
  margin: 12px 0 4px 0;
}

h2 {
  font-size: 1.4em;
  font-weight: bold;
  color: #91a7e0;
  margin: 1em 0 .3em 0;
}

body#startpage h2 {
  font-size: 1.6em;
  font-weight: bold;
  color: #b0b0b0;
  margin: 0 0 20px 0;
}

h3 {
  font-size: 1.4em;
  font-weight: bold;
  color: #b0b0b0;
  margin: 4px 0;
}

h4 {
  font-size: 1.2em;
  font-weight: bold;
  color: #b0b0b0;
  margin: .2em 0;
}

h5 {
  font-size: 1.125em;
  line-height:1.4em;
  margin: 0.6em 0;
}

p {
  font-size: 0.875em;
  line-height: 1.6em;
  color: #8e877e;
  margin-bottom: 1.5em;
}

p.noMargin { margin: 0; }

p.big {
  font-size: .8em;
}

p.header {
  color: #555;
  font-weight: bold;
  padding: 10px 20px;
  border-bottom: 1px solid #f1f1f1;
  margin: 0;
}

span.date { color: #c3bfb6; }

span.lightgrey { color: #aaa; }

/* links */

div#content a {
  font-weight: bold;
  color: #91a7e0;
  text-decoration: none;
}

a.rss {
  background: url(/style/images/rss.png) no-repeat center left;
  padding: 4px 0 4px 24px;
  color: #999;
  text-decoration: none;
}

body#startpage div.boxes div.column280 h3 a {
  color: #b0b0b0;
}

body#startpage div.boxes div.column280 p a {
  font-weight: normal;
  color: #8e877e;
}

/* lists */

div.column550 ul {
  list-style: disc outside;
  font-size: .875em;
  margin: 1em 0 1em 2em;
  color: #8e877e;
}

div.column550 ul ul {
  font-size: 1em;
}

div.column550 li {
  margin: .3em 0;
  line-height:1.6em;
}

div.column550 ol {
  list-style: decimal outside;
  font-size: .875em;
  margin: 1em 0 1em 3em;
  color: #8e877e;
}

div#newsPressListing ol {
  list-style: none;
  margin: 1em 0;
}

/* misc */

.clearLeft { clear: left; }

.clear { clear: both; }

div.hr {
  height: 1px;
  margin: 20px 0;
  border-top: 1px solid #f5f3f2;
}

div.hr hr { display: none; }

div.alt { display: none; }

a.doc {
	padding: 2px 4px 2px 25px;
	background: url(/style/images/icons/doc.gif) no-repeat center left;
}

a.pdf {
	padding: 2px 4px 2px 25px;
	background: url(/style/images/icons/pdf.gif) no-repeat center left;
}

a.xls {
	padding: 2px 4px 2px 25px;
	background: url(/style/images/icons/xls.gif) no-repeat center left;
}

a.zip {
	padding: 2px 4px 2px 25px;
	background: url(/style/images/icons/zip.gif) no-repeat center left;
}

.colorbox {
	background-color: #ffffcc;
	padding:10px;
	border: 3px dashed #999;
	margin:0 0 15px 0;
	text-align:center;
}
.news-footer-row
{
  height:1%;
  overflow:hidden;
}

/* language select */
#lang-select-wrapper
{
  width:960px;
  margin:0 auto;
  height:1%;
  overflow:hidden;
}
#lang-select
{
  float:right;
  padding:10px 0 7px 0;
}
#lang-select label
{
  display:block;
  float:left;
  margin:2px 5px 0 0;
  font:11px arial, sans-serif;
  font-weight:bold;
}

#lang-select select
{
  float:left;
  width:150px;
  height:18px;
  margin:0 3px 0 0;
  border:1px solid #999999;
  font:9px arial, sans-serif;
  color:#858585;
  overflow:hidden;
}
#lang-select select option
{
  padding:4px;
}
#lang-select input
{
  float:left;
  height:18px;
  margin:0 3px 0 4px;
  border:1px solid #999999;
  font:9px arial, sans-serif;
}

form .subtext {
	display:none;
}