/* @override http://www.houm.no/filestore/dev/CSS/layout.css */

/* @override http://staging.idium.net/houm.no/filestore/dev/CSS/layout.css */

/*
## layout.css - Contains style for page layout
*/

/* Normalizes margin and padding */
* { 
  margin: 0;
  padding: 0;
}

/* Normalizes article content elements */
#content p,
#content dl.fileObject,
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content .image-box,
#content ol,
#content ul,
#content .flashContent,
#content .mediaPlayer,
#content .user-table,
#content .bordered-user-table,
#content .outlined-user-table,
#content .outlined-horizontal-user-table,
#content .horizontal-user-table,
#content .outlined-vertical-user-table,
#content .vertical-user-table,
#content .user-box,
#content form {
  margin-bottom: 12px;
}

#logoprint {
  display:none;
}
.image-box { float:left;}

img, fieldset {
  border: 0;
}

a {
  text-decoration: none;
 /* color: #222; */
  color:#008DF8;
}

a:hover {
}

ul, ol {
  padding-left: 20px;
}

/** 75% sets medium size to 12px in standard browsers **/
body {
  font: 80% /* "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; */
 arial, Helvetica,sans-serif; 
/* Lucida Grande, Helvetica, sans-serif; */
  
}
#backgroundimage{
  background: #FFF url(../GFX/bodybg.png) repeat-x;
  position:absolute;
  top:0px;
  left:0px;
  height:442px;
  width:100%;
  opacity:0;
}
h1, h2, h3, h4, h5 {
  font-size: 100%;
  font-weight: normal;
}

h1 { 
  font-size: 200%; 
}
h2 { 
  font-size: 167%; 
}
h3 { 
  font-size: 150%; 
}
h4 { 
  font-size: 125%;
}

img {
  display: block;
}

input, textarea {
  font: 100% Arial, Helvetica, sans-serif;
}

/********************
## Framework style ##
********************/
#wrapper {
  margin: 0 auto;
  width: 964px;
  position:relative;
}

#header {
  height: 132px;
  width:440px;
  cursor:pointer;
  background:url(../GFX/logo-slogan.png) no-repeat 0 11px;
}

#searchForm  {
  background:url("../GFX/searchform-bg.gif") no-repeat scroll 0 8px transparent;
  display:block;
  height:55px;
  left:0;
  padding:0 0;
  position:absolute;
  top:358px;
  width:346px;
}

#searchForm label {
  font-size: 117%;
  margin-right: 8px;
}

#searchForm .query {
  border:0 none;
  font-size:130%;
  height:18px;
  left:6px;
  padding:0 6px;
  position:relative;
  top:12px;
  width:244px;
}
#searchForm .query:active, #searchForm .query:focus {
  outline:none;
}

#searchForm input.button {
  position:absolute;
  top:8px;
  left:271px;
}

.totalHits {
  position:absolute;
  top:199px;
  left:25px;
  width:305px;
}

#breadcrumbs {
  position:absolute;
  top:418px;
  color:#606060;
}

#breadcrumbs span{
  font-weight:bold;
}
#breadcrumbs a {
  color: #a1a1a1;
}

#breadcrumbs a.active {
  color: #444;
}

#main {
  margin-top:321px;
  min-height:60px;
  *min-height:auto;
}



#mainColumn {
  
}
#leftColumn {
  float:left;
  width:210px;
  position:relative;
}
#leftColumn ul{
  padding-left:0; /* the default is annoying */
}
#rightColumn {
  float:right;
  width:200px;
}

#content {
  padding: 0 10px 0 0px;
}

/* TODO: add styles for customer footer */

/******************
## COMMON STYLES ##
******************/
h4.boxTitle {
  color: #fff;
  background: #a1a1a1;
  padding: 5px 20px;
  margin-bottom: 0;
}

div.box {
  border-bottom: 1px solid #f0f0f0;
}

div.box .content {
  padding: 15px 10px;
}

/*************************
## SUMMARY|ARTICLE LIST ##
*************************/
#content .summary,
#content .article {
  /* border-bottom: 1px solid #f0f0f0; */
}

#content .article {
  color:#222222;
  clear:left;
}

#content #productMainColumn {
  width:460px;
  margin:0 3px 4px 254px;
}

#content #productMainColumn.article {
  clear: none;
}

#content .summary,
#content .article {
  padding: 20px 0;

}

#content .summary h1,
#content .summary h2 {
  font-size: 150%;
  margin:12px 0 7px;
}



#content .summary h1 a,
#content .summary h2 a{
  color:#222;
}


#content .article .text {
  font-size: 125%;
  /*width:500px;*/
}




/* TODO: get latest css from standardmaler.no, and add style to own stylesheet */
/*************************
## OBJECT COMMENTS VIEW ##
*************************/
#comments {
   padding: 20px 0;
   border-bottom: 1px solid #F0F0F0;
}

#comments dt {
  background: url(../GFX/quote.gif) top left no-repeat;
  padding-left: 25px;
}

#comments dd {
  padding-left: 25px;
  margin-top: 4px;
  margin-bottom: 14px;
}

form#commentForm {
  width: 100%;
  margin: 0;
  padding: 20px 0;
}

form#commentForm fieldset {
  padding: 0;
}

#commentForm input.block {
  width: 40%;
  font: 100% Arial, Helvetica, sans-serif;
}

/*****************
## IDIUM FOOTER ##
*****************/
/*****************
## IDIUM FOOTER ##
*****************/

.idium {
  margin: 10px auto;
  width: 175px;
  position:relative;
}

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

.idium,
.idium a {
  font-family: 'Century Gothic', Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #898989;
  text-transform: uppercase;
  text-decoration: none;
}

.idium a {
  left:418px;
  position:absolute;
  top:73px;
  width:165px;
}

.idium img {
  display: none;
  float: left;
  margin-top: -3px;
}

.idium span {
  font-family: Century Gothic,Verdana,Arial,helvetica,sans-serif;
  font-size: 13px;
  font-weight: bold;
  margin: -8px 0 0;
  padding: 0 0 0 6px;
  text-transform: lowercase;
  word-spacing: 3px;
  color: #666;
}



/*************
## CLEARFIX ##
*************/
/*
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
} */

.clearfix {
  display: clear:both;
}

.clearleft{clear:left}
.frontpage .clearleft{height:0px;}
.clearright{clear:left}
.clearboth{clear:both}

ul#navMain {
  width:505px;
  position:absolute;
  top:4px;
  right:6px;
}
ul#navMain li{
  float:left;
  padding-left:28px;
  list-style:none;
}
ul#navMain li:hover,ul#navMain li.current{
  background:url(../GFX/arrow-top-nav.png) no-repeat 15px 9px;
}
ul#navMain li a{
  border-bottom:1px solid #BBB4AE;
  color:#BBB4AE;
  display:block;
  font-size:120%;
  padding:3px 0 8px;
  width:140px;
}
ul#navMain li a:hover,ul#navMain li a.current{
  color:#008EFC;
}

ul#navProducts {
  width:613px;
  position:absolute;
  right:-2px;
  top:155px;
  padding:0;
}
ul#navProducts li{
  float:left;
  list-style:none;
}
ul#navProducts li a {
  color:#FFFFFF;
  display:block;
  font-size:125%;
  font-weight:bold;
  height:40px;
  line-height:40px;
  margin:1px 4px;
  padding:0 5px 0 12px;
  position:relative;
}
ul#navProducts li a:hover{
  color:#AAA;
}
ul#navProducts li a img{
  position:absolute;
  top:0;
}
ul#navProducts li a img.leftcorner{
  left:-3px;
}
ul#navProducts li a img.rightcorner{
  right:-3px;
}
ul#navProducts li a span{
  padding:0 4px 0 12px;
}
ul#navProducts li a:hover{
  
}
ul#navProducts {
  
}

#infoAndSubNav{
  position:absolute;
  top:139px;
  left:0px;
  width:325px;
  height:209px;
  background:#FFF;
}
#infoAndSubNav h1 {
  color:#222;
  font-size:22px;
  margin:1px 0 0 23px;
}
#infoAndSubNav h1 a{
  color:#222;
}
#infoAndSubNav p{
  color:#222;
  font-size:15px;
  line-height:141%;
  margin:0 19px 0 23px;
}
ul#navSub {
  padding-left:25px;
}
ul#navSub li{
 list-style:none; 
}
ul#navSub li a {
  color:#222;
  display:block;
  font-size:113%;
  padding:3px 0 0 10px;
}
ul#navSub li a:hover,ul#navSub li a.current{
  color:#008df9;
  background:url(../GFX/arrow-top-nav.png) no-repeat 0 7px;
}

#newsletterForm  {
  background:url("../GFX/searchform-bg.gif") no-repeat scroll 0 8px transparent;
  display:block;
  height:45px;
  left:588px;
  padding:0;
  position:absolute;
  top:358px;
  width:346px;
}
#newsletterForm .text {
  border:0 none;
  font-size:130%;
  height:18px;
  left:6px;
  padding:0 6px;
  position:absolute;
  top:13px;
  width:244px;
}
#newsletter input.image {
  left:270px;
  position:absolute;
  top:8px;
}
#newsletter img { /* questionmark */

}
#newsletterForm span {
left:1px;
position:absolute;
top:36px;
}
#newsletterForm span strong{
  color:#F00;
}

#nhc { 
  display:none;
}
#footer {
  clear:both;
  background:#F5F5F5;
  height:54px;
  margin:30px 0;
  color:#606060;
}
#footersubcontainer {
  width: 964px;
  margin:0 auto;
  position:relative;
}
#footerimg { 
  position:absolute;
  top:-19px;
  left:10px;
}
#footersubcontainer .footerContent { 
  position:absolute;
  top:8px;
  left:228px;
  font-size:110%;
  line-height:135%;
}
.summaryAttributes {
  padding:8px 0;
  border-bottom:1px solid #222;
  border-top:1px solid #222;
  margin-bottom:22px;
}
.summaryAttributes li{
  list-style:none;
  color:#222;
  font-size:110%;
  padding:2px 0;
}
.summaryAttributes li a{
}
.summaryAttributes li strong{

}
#summaryAttributes {

}

.summary .readmore {
  text-align:right;
  display:block;
  padding-right:10px;
}

.summary .sib {
  height:160px;
}

#content .summary {
  width:211px;
  min-height:120px;
  float:left;
  margin:37px 0;
  margin-left:36px;
}
#content .summary.odd {
  margin-left:0;
  clear:left;
}

#relatedProducts .summary{
  float:left;
  margin:5px 10px;
  width:200px;
  padding:12px 0;  
}
#relatedProducts .summary h2{
  font-size:110%;
  float:none;
}
#relatedProducts h4{
  color:#606060;
  font-size:165%;
  padding:16px 0 0 0;
}
#relatedProducts img{
  float:left;
}
#relatedProducts a {
  display:block;
  float:left;
  height:68px;
  width:225px;
}

#relatedProducts .newline {
  clear:left;
  width:350px;
}

#relatedProducts a.even {

}

#relatedProducts a.odd {
  clear:left;
}

#relatedProducts a span {
  display:block;
  margin:11px 0 0 66px;
}

#relatedProducts{
  border-top:1px solid #BAB4AE;
  border-bottom:1px solid #BAB4AE;
  padding:0;
  min-height:132px;
  margin-top:52px;
  float:left;
}
#relatedProducts .clear {
  clear:left;
  height:1px;
  width:100%;
}

#productImageMedium {

}
#productImageMedium  {
  position:relative;
  margin: 0px 0 83px 0;
}
#imagesthumbs {
  border:4px solid #F5F5F5;
  width:204px;
  margin-top:23px;
}
#relatedImages {
padding-left:0;
}

#imagesthumbs li{
  float:left;
  list-style:none;
}
#relatedImages li {
  float:none;
  height:150px;
  list-style:none outside none;
  position:relative;
}
#imagesthumbs {
  padding-left:0; /* override default ul; */
  margin-top:20px;
}
#imagesthumbs li a{
  border:0px solid #F5F5F5;
  border-left:0;
  border-right:3px solid #F5F5F5;
  border-left:3px solid #F5F5F5;
  display:block;
  height:52px;
}
#relatedImages li.first a{
  border:0;
  height:auto;
  width:auto;
}
#relatedPdfs {
  clear:left;
  background:url(../GFX/pdf_icon.png) no-repeat;
  padding-left:56px;
  margin-top:32px;
}
#relatedPdfs ul{
}
#relatedPdfs li{
 list-style:none;
}
.skrivUt{
  background:url(../GFX/print_icon.png) no-repeat;
  padding:12px 0 20px 55px;
  margin:29px 0 0;
  display:block;
}
.tipEnKollega{
  background:url(../GFX/tipenkollega.png) no-repeat;
  padding:5px 0 25px 57px;
  margin:16px 0 0;
  display:block;
}
#lastViewedProducts {
  background:#F5F5F5;
  padding:12px;
}
#lastViewedProducts h3{
  
}
#lastViewedProducts ul{
  padding-left:0
}
#lastViewedProducts li{
  list-style:none;
  padding:3px 0;
}
#lastViewedProducts a{

}
#tipsbox  {
  display:none;
  background:#FFF;
  
}
#loupe {
  position:absolute;
  bottom:0;
}

#productContact {
  color:#222;
  font-size:13px;
  position:relative;
}
#productContact ul{
  padding-left:0;
  margin-bottom:23px;
}
#productContact li{
  list-style:none;
  padding:3px 0;
}
#productContact label{
  display:block;
  margin:5px 0;  
}

#productContact .inputwrapper {
  background:url("../GFX/product-form-background-input.png") no-repeat scroll 0 0 transparent;
  border:0 none;
  height:17px;
  padding:7px 0 13px 7px;
  width:203px;
}

#productContact input {
  /*background:url("../GFX/product-form-background-input.png") no-repeat scroll 0 0 transparent;*/
  border:0 none;
  height:17px;
  /*padding:7px 0 13px 7px;*/
  width:190px;
}


#productContact input.button {
  background:none repeat scroll 0 0 transparent;
  height:35px;
  left:135px;
  margin-top:76px;
  position:relative;
  width:68px;
}

#productContact textarea {
  background:none repeat scroll 0 0 transparent;
  border:medium none;
  height:63px;
  left:5px;
  position:absolute;
  top:377px;
  width:198px !important;
  z-index:0;
}
#productContact .textareabg {
  background:url("../GFX/product-form-background-textarea.png") no-repeat scroll 0 0 transparent;
  height:70px;
  left:0;
  position:absolute;
  top:376px;
  width:212px;
  z-index:0;
}

#productContact h4{
  font-size:18px;
  color:#606060;
  margin:5px 0;
}

#productContact h4.laosskontakte {
  margin:1px 0;
}
#productContact h4.vitemer {
  margin:1px 0;
}

#productContact h5{
  font-size:15px;
  margin:5px 0;
}

#frontRightColumn {
  float:right;
  width:200px;
  color:#606060;
  margin-top:17px;
}
#frontRightColumn h3{
  margin:0; 
}
#frontRightColumn .frontdate{
  color:#d8d3cf;
}
#frontRightColumn p{
  line-height:161%;
  margin:6px 0;
}
#frontRightColumn .article {
  border-bottom:1px solid #f5f5f5;
}

#alphabeta {
  padding-left:0;
}
#alphabeta li{
  list-style:none;
  float:left;
  display:block;
  width:240px;
 /* min-height:200px; */
  font-size:180%;
}
#alphabeta li.four{
  clear:left;
}
#alphabeta li.clearleft{
  width:100%;
  height:30px;
  clear:none;
}

#alphabeta li li{
  margin:0px;
  font-size:70%;
  width:auto;
  float:none;
  min-height:0;
}
#alphabeta li a{
  display:block;
  padding:3px 0;
  color:#858585; 
}
#alphabeta ul{
  padding-left:0;
}

#content .results .odd .summary{
  clear:left;
  margin-left:0;
}
li.ac_even {list-style:none;}
li.ac_over {background:#bbb}

.ac_results ul {
  background:none repeat scroll 0 0 #FFFFFF;
  left: 5px;
  padding-left:0;
  position:relative;
  top:6px;
}

.ac_results {
  padding:0;
}

.ac_results strong{
  font-weight:normal;
}

.custome1-user-table {
  width:100%;
  border-collapse:collapse;
  margin:8px 0;
}

.custome1-user-table td {
  padding:10px 18px;
  font-size:120%;
  border-bottom:1px solid #d5d5d5;
}
.custome1-user-table td.first {
  border-left:1px solid #d5d5d5;
}
.custome1-user-table td.last {
  border-right:1px solid #d5d5d5;
}
.custome1-user-table tr.first td {
  background:#bab4ae;
  color:#FFF;
}
.custome1-user-table tr.first td.first {
  border-left:1px solid #bab4ae;
}
.custome1-user-table tr.first td.last {
  border-right:1px solid #bab4ae;
}
#leverandorLeft {
  float:left;
  width:500px;
}

#leverandorMain {
  margin-left:500px;
}

#errorReport {
  
}

#content #errorReport input[type=text],
#content #errorReport textarea {
  border:1px solid #d5d5d5;
  background:#F5F5F5; 
  width:300px;
  height:15px;
  padding:5px;
  display:block;
  margin:2px 0;
}

#content #errorReport textarea { 
  height:70px;
}


#errorReport input[type=text]:hover{
  border:1px solid #e5e5e5; 
  background:#FFFFFF;
}

#errorReport input[type=text]:focus {
  border:1px solid #d5d5d5; 
  background:#cbfecc;
}

#errorReport input[type=image] {
  
}

#errorReport label {
  display:block;
}

#searchLinks {
  position:absolute;
  font-size:120%;
  left:336px;
  top:372px;

}
#searchLinks a {
  padding:0 5px;
}

#tipsbox {
 position:relative; 
}
#content #tipsbox form{
  position:absolute;
  width:314px;
  height:200px;
  border:1px solid;
  background:#FFF;
  padding:10px;
  top:1px;
  left:1px;
  display:block;
  z-index:99
}
#tipsbox input[type=text]{
 border:1px solid #D5D5D5;
 background:#F5F5F5; 
  width:300px;
  height:15px;
  padding:5px;
  display:block;
  margin:2px 0;
}
#tipsbox input[type=text]:hover{
 border:1px solid #E5E5E5;
 background:#F5F5F5; 
}
#tipsbox input[type=text]:focus{
 border:1px solid #D5D5D5;
 background:#cbfecc; 
}

#tipsbox .cross{
  font-size:18px;
  position:absolute;
  right:0px;
  top:0px;
  display:block;
  cursor:hand;
  cursor:pointer;
  z-index:99;
}

#content .pagination {
  clear:left;
  text-align:center;
}
#content .pagination li{
  background:url(..GFX/paginator-li-bg.png) no-repeat;
  padding:3px;
  display:inline;
}


#content .pagination li.next,
#content .pagination li.prev,
#content .pagination span.next,
#content .pagination span.prev{
  display:none;
}

#content .pagination a{
  color:#222;
  background:url(../GFX/paginator-li-bg.png) no-repeat;
  display:inline;
  padding:3px 7px; 
  text-align:center;
}


#content .pagination a:hover,
#content .pagination a.current{
  font-weight:bold;
  color:#222;
}

.results {
 clear:left;
}

.results .clearleft {
  clear:none;
}
.results .odd .clearleft {
  clear:left;
}

.custome5-user-table {
  width:500px;
}

.newsletter_banner {
	position: absolute;
	top: 363px;
	left:  550px;
}