/*
## layout.css - Contains style for page layout
*/
#headerAds {
  height: 170px;
  overflow: hidden;
}

#headerAds .ads li {
  display: none;
  padding-right: 5px;
}


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

p, dl, ol, ul, form, fieldset, input, table {
  padding: 0;
}

/* Normalizes article content elements */
#content p,
#content dl.fileObject,
#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: 15px;
}

img, fieldset {
  border: 0;
}

a {
  text-decoration: none;
  color: #545861;
}

a:hover {
  text-decoration: underline;
}

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

/** 75% sets medium size to 12px in standard browsers **/
body {
  font: 75% Tahoma, Verdana, Arial, Helvetica, sans-serif;
  background-color: #e1f3fb;
}

h1, h2, h3, h4, h5 {
  font-size: 100%;
  font-weight: bold;
  color: #545861;
  margin: 4px 0;
}

h1 {
  font-size: 125%;
  margin: 0 0 6px 0;
}

h2 {
  font-size: 115%;
}
h5 {
  font-size:115%;
  color:#fff;
  font-weight:bold;
}
h5 a{
  color:#fff;
  font-weight:bold;
}


img {
  display: block;
}

input {
  font-size: 100%;
}

em {
  display: block; 
  margin-bottom: 6px;
}

/********************
## Framework style ##
********************/
#wrapper {
  margin: 15px auto;
  padding: 0 11px;
  width: 1000px;
  background-color: #fff;
}

#headerAds {
}

#header {
  background: url(../GFX/siteBg32.gif) left top no-repeat;
  padding: 8px 11px 0;
  margin: 0 -11px
}

#header .content {
  background: url(../GFX/siteBg2.gif) left -203px no-repeat;
  position: relative;
}

#header .branding {
  padding: 8px 0 6px 13px;
}

#header .adsInfo {
  position: absolute;
  top: 26px;
  right: 238px;
  background: #00aeef;
  border: 1px solid #fff;
  height: 16px;
  font-size: 92%;
  padding: 2px 0 0 8px;
}

#header .adsInfo {
  position: absolute;
  top: 26px;
  right: 238px;
  background: #00aeef;
  border: 1px solid #fff;
  height: 16px;
  font-size: 92%;
  padding: 2px 0 0 8px;
}

#header .adsInfo a {
  color: #fff;
  font-weight: bold;
}

#searchForm {
  position: absolute;
  top: 26px;
  left: 780px;
}

#searchForm .query {
  width: 136px;
  border: 1px solid #405075;
  padding: 2px;
  margin-right: 8px;
}
#webshopSearchForm {
  margin-top:10px;
}

#webshopSearchForm .query {
  border:1px solid #405075;
  margin-right:8px;
  padding:2px;
  width:127px;
}

#searchForm .button {
  background-color: #00AEEF;
  width: 39px;
  padding: 0 3px;
  border: 1px solid #fff;
  color: #fff;
}
#webshopSearchForm .button {
  background-color: #00AEEF;
  width: 39px;
  padding: 0 3px;
  border: 1px solid #405075;
  color: #fff;
}
#tipsForm {
  margin-bottom: 15px;
  display: none;
}

#tipsForm .button {
  margin-top: 10px;
}

#breadcrumbs {
  padding: 7px 0 7px 0;
  margin-right: 195px;
  color: #cac5bc;
}

#breadcrumbs a {
  color: #a1a1a1;
}

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

/* TODO: update file name and fix this... */
#main {
  background: url(../GFX/mainBg.gif) left bottom no-repeat;
  margin: 0 -11px;
  padding: 0 11px;
}

#leftColumn {
  float: left;
  width: 190px;
}

#mainColumn {
  float: left;
  margin: 0;
  width: 615px;
}

#rightColumn {
  float: right;
  width: 180px;
}

#sectionMainColumn {
  float: left;
  margin-right: 15px;
  width: 468px;
}

#sectionMainColumn #content {
  padding-left: 0;
}

#sectionMainRightColumn {
  float: left;
  width: 322px;
}

#articleMainColumn {
  float: left;
  margin-right: 15px;
  width: 600px;
}

#articleMainColumn #content {
  padding-left: 0;
}

#articleMainRightColumn {
  float: left;
  width: 190px;
}

#articleWideMainColumn {
  float: left;
  width: 805px;
}

#subscribe {
  padding: 0 11px 15px;
  background: #009fdc url(../GFX/subscribeBg3.gif) left top repeat-x;
  position: relative;
  color: #fff;
  margin-top: -34px;
}

#subscribe h4 {
  font-size: 150%;
  font-style: italic;
  margin-bottom: 5px;
  padding-top: 3px;
  color: #fff;
}

#subscribe img {
  margin-bottom: 10px;
}

#subscribe .highlight {
  background-color: #00649d;
  margin: 5px -11px 5px;
  padding: 2px 11px;
  font-weight: bold;
  font-size: 95%;
}

#subscribe .text {
  font-weight: bold;
  font-size: 95%;
}

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

#searchInstructions {
  float: left;
  width: 175px;
  margin-right: 15px;
  color: #68696a;
  font-size: 90%;
}

/* start footer style */
#footer {
  margin: 0 -11px;
  padding: 23px 11px 26px;
  background: url(../GFX/siteBg8.gif) left -346px no-repeat; /* -285px */
  position: relative;
}

#footer .footerContent {
  float: left;
  width: 780px;
  margin-right: 28px;
  padding-top: 10px;
  font-size: 92%;
  color: #666;
}

#footer .footerContent table.user-table {
  margin-top: 10px;
  border-top: 1px dotted #d8d5d0;
}

#footer .footerContent table.user-table td {
  padding: 5px 0;
}

#footer .footerContent .right-aligned {

}

#footer .contact {
  float: right;
  width: 174px;
  color: #fff;
  padding: 12px 6px 25px 12px;
  font-size: 92%;
}
#footer .contact h5 {
  font-size: 117%;
}

#footer .contact p {
  margin-bottom: 5px;
}

#bottomSearchForm .query {
  width: 126px;
  border: 1px solid #405075;
  padding: 2px;
  margin-bottom: 23px;
  margin-right: 2px;
}

#bottomSearchForm .button {
  background: url(../GFX/searchButtonBg.gif) left top no-repeat;
  width: 39px;
  padding: 3px 0;
  border: 0 none;
  color: #fff;
  margin-bottom: 23px;
}

#footer .contact p.highlight {
  padding-right: 32px;
}

#footer .backToTop {
  position: absolute;
  left: 24px;
  bottom: 14px;
  color: #fff;
  text-transform: uppercase;
}
/* end footer style */

/* TODO: add styles for customer footer */


/******************
## FRONTPAGE STYLES ##
******************/

#mainBigColumn {
  float: left;
  margin: 0;
  width: 800px;
}

#fpLeft {
  float: left;
  width: 470px;
  margin-right: 15px;
}

#fpLeft .article-content table {
  margin-bottom: 0;
}

#fpRight {
  float: left;
  width: 315px;
}

#content #fpLeft .summary {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 2px dashed #d4d0cb;
}

.fpSum {
  float: left;
  margin-right: 10px;
  width: 300px;
  /*min-height: 112px;*/
}

/*.fpSumWide {
  border-bottom: 2px dashed #d4d0cb;
}*/

.fpImg {
  float: right;
  /*height: 113px;
  overflow: hidden;*/
}

#content .fpImg img {
  display: inline;
  margin: 0 !important;
}

#content .fpSum h1, #content .fpSum h1 a
#content .fpSum h2, #content .fpSum h2 a {
  color: #545861;
  /*font-size: 1.12em;*/
  font-weight: bold;
  margin-bottom: 5px;
}

#content .fpSum p {
  font-size: 0.9em;
  line-height: normal;
  margin-bottom: 5px;
}

#newsFeed,
#news {
  margin: 10px 0;
}

#news {
  margin-top: 0;
}

#newsFeed p,
#news p {
  font-size: 0.9em;
  margin-bottom: 2px;
}

#newsFeed p.title,
#news p.title {
  font-size: 1.0em;
  font-weight: bold;
  margin-bottom: 2px;
  color: #545861;
}

#newsFeed div.feed {
  padding: 3px 0;
  border-bottom: 1px solid #dddede;
  cursor: pointer;
}

#news div.smallSummary {
  padding: 0 0 5px 0;
  border-bottom: 1px solid #dddede;
}

#news div.smallSummary img {
  float: left;
  margin-right: 8px;
}

#news div.smallSummary .readmore {
  font-size: 0.9em;
}

#newsFeedTop {
  background-image: url(../GFX/boxLogoFeedBg.gif);
  height: 25px;
}

#newsFeedTop img {
  margin-right: 10px;
  display: inline;
  vertical-align: text-bottom;
}

#newsFeedTop span.headline {
  font-size: 1.0em;
  font-weight: bold;
  vertical-align: 33%;
  margin-right: 10px;
}

#newsFeedTop span.updated {
  font-size: 0.8em;
  vertical-align: 40%;
}

#weeklyOffer .offer {
  width: 390px;
  float: left;
  margin: 10px 20px 11px 0;
}

#weeklyOffer .even {
  margin-right: 0;
}

.offer .article-content {
  margin-bottom: 10px;
}

.offerContainer {
  height:180px;
}
.offerTitle {background-color: #ef3829; color: #fff; font-weight: bold; padding: 3px 3px 3px 6px;}
#content .offerTitle p {margin: 0;}
.offerContainer {border-width: 1px; border-style: solid; border-color: #ef3829 #545861 #545861 #545861; padding: 10px;}
.offerContainer img {float: right; margin: 0 0 10px 10px; /*width:150px;*/}
.offerContainer p.text {margin-bottom: 18px; font-size: 1.2em;}
.offerContainer p.big {font-size: 1.5em;}
.offerContainer p.small {font-size: 0.9em;}
#content .offerContainer p.nomargin {margin: 0;}
#content .offerContainer /*p.nomargin*/ a {color: #ee3424;}

#fpRight .offer p {
  font-size: 0.9em;
}

#mediaPlayer {
  margin: 10px 0;
}

#sectionMainRightColumn #mediaPlayer {
  margin-top: 0;
}

#mediaPlayer ul {
  padding-left: 0;
  list-style: none;
}

#mediaPlayer li a.feed {
  float: left;
  margin-top: 15px;
}

#mediaPlayer div.feed {
  padding: 10px 0;
  border-bottom: 1px solid #dddede;
  cursor: pointer;
}

#mediaPlayerTop {
  background-image: url(../GFX/boxLogoMediaPlayerBg.gif);
  height: 25px;
}

#mediaPlayer img, #resultService img {
  margin-right: 10px;
  display: inline;
  vertical-align: text-bottom;
}

#mediaPlayer span.headline {
  font-size: 1.0em;
  font-weight: bold;
  vertical-align: 30%;
  margin-right: 10px;
  color: #fff;
}

#resultService {
  margin-bottom: 10px;
  background-image: url(../GFX/boxLogoResultServiceBg.gif);
  height: 25px;
}

#resultService span.headline {
  font-size: 1.0em;
  font-weight: bold;
  vertical-align: 30%;
  margin-right: 10px;
  color: #fff;
}

#resultService span.headline a {
  color: #fff;
  text-decoration: none;
}

.newsArchive {
  height: 20px;
  background-color: #6bcef2;
  margin-bottom: 15px;
}
.newsArchive img {
  float: right;
  height: 20px;
}

#newsletter {
  margin-bottom: 10px;
}

#newsletter #newuser_email {
  border: 1px solid #405075;
  width: 87px;
  padding: 3px 2px 2px 2px;
  display: inline;
  font-weight: normal;
  margin-right: 5px;
}

#newsletter .button {
  display: inline;
  padding: 0;
  background-color: #00AEEF;
  border: 1px solid #FFFFFF;
  color: #fff;
}


/*************************
## AD STYLE ##
*************************/
#ads {
  margin: 4px 0 15px 0;
  height: 150px;
}

#ads #topAdLeft {
  float: left;
  height:150px;
  width:220px;
  overflow:hidden;
}

#ads #topAdCenter {
  width: 537px;
  position: relative;
  left: 10px;
  padding-right: 10px;
  float: left;
}

#topadright_two {
	width: 768px;
	float: left;
	position: relative;
	left: 10px;
}

#ads #topAdRight {
  width:220px;
  float: right;
}

#bigtopad {
	width: 1000px;
}

ul.show3Ads {
	width: 1000px;
}

ul.show3Ads li {
	float: left;
	list-style: none;
}





/*************************
## SEARCH STYLE ##
*************************/
.queryString {
  margin-bottom: 15px;
}

.paginator {
  height: 25px;
}

.paginator .prev {
  float: left;
}

.paginator .next {
  float: right;
}

.paginator .pages {
  text-align: center;
}

.paginator .pages span {
  padding: 0 5px;
}

.paginator .pages span.active {
  font-weight: bold;
}

.results .totalHits {
  margin-bottom: 15px;
}

.results .search_result .readmore {
  display: block;
}

/******************
## COMMON STYLES ##
******************/
h4.boxTitle {
  color: #fff;
  background: #a1a1a1;
  padding: 5px 20px;
  margin-bottom: 0;
  margin-top: 0;
}
h4.boxTitle {
  width:160px;
  padding: 5px 10px;
  font-size: 125%;
  font-weight: bold;
  background:#003F6A url(../GFX/menuTitleBG.gif) repeat-x; /*url(../GFX/titleBullet.gif) 0 55% no-repeat;*/
}

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

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

/*************************
## SUMMARY|ARTICLE LIST ##
*************************/
#content .summary,
#content .article {
}
#content .article h1 {
  font-size: 143%;
}
#content .odd h1, #content .even h1, #content .odd h2, #content .even h2 {
  margin: 0 0 5px 0;
}
/*
#content .odd {
  float: left;
  width: 48%;
  margin-right: 2%;
}

#content .even {
  float: right;
  width: 48%;
}
*/
#content .summary,
#content .article {
  padding-bottom: 20px;
}

#content .summary h1,
#content .summary h2 {
  font-size: 120%;
}

#content .summary .fpSum h1,
#content .summary .fpSum h2 {
  font-size: 110%;
}

.summary img {
  display: inline;
  float: left;
  margin: 0 8px 1px 0;
}

#content .article .text {
  font-size: 110%;
  color: #545861;
  line-height: 23px;
  text-align: left;
}

#sectionMainColumn #content .summary {
  border-bottom: 1px dashed #dddede;
  padding: 10px 0;
}

/* TODO: get latest css from standardmaler.no, and add style to own stylesheet */
/*************************
## OBJECT COMMENTS VIEW ##
*************************/
#comments {
}

#comments h2 {
   margin: 0px 0 10px 0;
}

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

#comments em {
  color: #545861;
}

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

#content form#commentForm {
  width: 604px;
  height: 230px;
  padding: 0;
  background-image: url(../GFX/commentBg.gif);
  position: relative;
  margin: 8px 0 15px 0;
  display: none;
}

form#commentForm fieldset {
  padding: 0;
}

#content #tipsForm form fieldset {
  border: 0;
  padding: 0;
}

#commentForm input.block {
  width: 40%;
}

#commentForm #comment {
  border: 1px solid #6bcef2;
  background-color: #fff;
  height: 118px;
  width: 388px;
  position: absolute;
  left: 15px;
  top: 92px;
  font-size: 11px;
}

#commentForm #signature {
  border: 1px solid #6bcef2;
  background-color: #fff;
  padding: 2px 0;
  width: 200px;
  position: absolute;
  left: 15px;
  top: 60px;
  font-size: 11px;
}

#commentForm #commentSubmit {
  width: 90px;
  height: 20px;
  position: absolute;
  left: 428px;
  top: 62px;
}

#commentForm #commentReset {
  width: 90px;
  height: 20px;
  position: absolute;
  left: 428px;
  top: 106px;
  cursor: pointer;
}

#commentForm h3, #tipsForm h3 {
  padding: 4px 0 0 10px;
  font-size: 110%;
  color: #fff;
}

#articleTools {
  border-top: 1px solid #F0F0F0;
  border-bottom: 1px solid #F0F0F0;
  padding: 5px 0;
  margin-bottom: 10px;
}

#articleTools a {
  margin-right: 15px;
}

#articleTools img {
  display: inline;
  vertical-align: middle;
}

/*
#content form#tipsForm {
  width: 604px;
  height: 230px;
  padding: 0;
  background-image: url(../GFX/commentBg.gif);
  margin: 8px 0 15px 0;
}
*/

#content form#tipsForm fieldset {
  border: 0;
  padding: 0;
}

#content form#tipsForm label {
  display: block;
}

#senderName, #senderEmail, #recipientEmail {
  padding: 2px 0;
  border: 1px solid #6BCEF2;
  background-color: #fff;
  margin-top: 5px;
  width: 180px;
}

#content form .col {
  float: left;
  width: 33%;
  margin-top: 10px;
}

.articleBoxTop {
  background-image: url(../GFX/articleBoxTop.gif);
  height: 29px;
  width: 604px;
}

.articleBoxMiddle {
  background-image: url(../GFX/articleBoxMiddle.gif);
  background-repeat: repeat-y;
  padding: 10px 10px 2px 10px;
  width: 604px;
}

.articleBoxBottom {
  background-image: url(../GFX/articleBoxDown.gif);
  height: 23px;
  width: 604px;
}

.articleBoxTop h3 {
  padding: 4px 0 0 12px;
  color: #fff;
  font-size: 110%;
}

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

.idium {
  margin: 10px 5px;
  float: right;
}

.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 img {
  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: #000;
}

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

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1px;
}
.clearfix {
  display: block;
 }
/* End hide from IE-mac */

.score {
  float:right;
  width:140px;
  height:10px;
  background:transparent url(../GFX/score3.gif);
  background-repeat:no-repeat;
  margin-right:10px;
}
.score1 {
 background-position:0 -117px;
}
.score2 {
 background-position:0 -100px;
}
.score3 {
 background-position:0 -91px;
}
.score4 {
 background-position:0 -79px;
}
.score5 {
 background-position:0 -66px;
}
.score6 {
 background-position:0 -54px;
}
.score7 {
 background-position:0 -40px;
}
.score8 {
 background-position:0 -28px;
}
.score9 {
 background-position:0 -16px;
}
.score10 {
 background-position:0px -3px;
}
.review .imageWrap{
  display:block;
  overflow:hidden;
  width:85px;
  height:45px;
  border:1px solid #5a5758;
  float:left;
  margin-right:10px;
  background:#fff;
}
.review .imageWrap img {
  margin:0 auto;
}
.review {
  padding:8px 0px;
  border-bottom:1px dotted #d8d5d0;
}
.review.odd {
  background:#eeeeec;
}
.frontpageReviews h3{
  background:#003e69 url(../GFX/fane.gif) top left no-repeat;
  padding:10px 5px 5px 5px;
}
.reviewArchive {
  background:#003e69;
  height:20px;
  font-size:90%;
}
.reviewArchive a {
  float:left;
  height:14px;
  padding:3px;
}
.reviewArchive a.archive {
  background:#003e69 url(../GFX/arkiv.gif)top right no-repeat;
  height:14px;
  float:right;
  padding-right:26px;
}
.frontpageReviews h3 a, .reviewArchive a{
  color:#fff;
}
.review h4 {
  padding:0px;
  margin:0px;
}
.review h4 a{
  color:#545861;
}
#content .review h4 span.price {
  font-size:11px;
font-weight: lighter;  
color:#6e6e6b;
}
#content .review .text {
  float:left;
  font-size:11px;
font-weight: lighter;
  width:200px;
}
#content .reviewSummary h1 {
  margin:-10px -10px 10px -10px;
}
#content .reviewSummary {
  padding:10px;
  background:#eeeeec;
  margin-bottom:10px;
  border-bottom:1px dotted #D8D5D0;
}
#content .reviewSummary img {
  float:right;
  border:1px solid #5A5758;
  margin-left:10px;
}
#content .reviewSummary .score {
  width:150px;
  padding-left:0px;
  float:left;
  margin:5px;
}
#content .reviewSummary .price {
  float:left;
}
#content .reviewSummary .text {
  margin-bottom:10px;
}
.article p, .summary p {
  line-height: 18px;
}
.article p {
  margin-bottom: 8px;
  text-align: justify;
}
.summary p {
  text-align: justify;
}

.ads {
  list-style-type:none;
  padding:0px;
  margin:0px;
}
.ads li {
  margin-top:2px;
  padding-right: 20px;
  float: left;
}
.slideshow {
  width:100%;
  height:195px;
  position:relative;
  overflow:hidden;
}
.slideshow .offer{
  width:100%;
  height:195px;
  margin:0px;
  padding:0px;
  overflow:hidden;
}
.slideshow .offerContainer {
  height:150px;
  overflow:hidden;
}

#sanContainer_4008_940, #sanContainer_4008_940 div, #sanContainer_4008_940 p {
cursor:default;
margin:0;
padding:0;
overflow:hidden;
background:transparent;
border:0;
width:auto;
height:auto;
font-size:12px;
line-height:1.1em;
}
#sanContainer_4008_940 {
color:#000;
padding:6px;
font-family:Helvetica;
background:#ffffff;
border:1px solid #dcd5d5;
}
#sanContainer_4008_940 a {
color:#227e9e;
text-decoration:underline;
cursor:pointer;
}
#sanContainer_4008_940 .sanItem {
margin-bottom:14px;
}
#sanContainer_4008_940 p.sanDomain, #sanContainer_4008_940 p.sanDomain a {
color:#14b7dc;
text-decoration:none;
}
#sanContainer_4008_940 p.sanTitle {
font-size:1.2em;
}
#sanContainer_4008_940 p.sanLogo__4008_940 {
font-family:Arial;
font-size:10px;
margin-bottom:8px;
}
#sanContainer_4008_940 p.sanLogo__4008_940 a {
color:#000;
text-decoration:none;
}
#sanContainer_4008_940 p.sanLogo__4008_940 a:hover {
color:#000;
}
