.stream { position:absolute;right:9999em;left:auto; }
.print { display : none; }




/* ********************************** */
/* Basic Style Definitions            */
/* ********************************** */

html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } /* fixes the background-image flicker bug in IE */


body {
  margin : 0;
  padding : 0;
  color : #646464;
  line-height : 1.6;
  text-align : center;
  font-family : Arial, Helvetica, sans-serif;
  background: #fff url(i/body-bg.gif) no-repeat 50% 0;
}

body,
body.zoom1 { font-size : 12px;  ~font-size :  75.00%; }
body.zoom2 { font-size : 14px;  ~font-size :  87.50%; }
body.zoom3 { font-size : 18px;  ~font-size : 112.50%; }



div, table, caption { font-size : 1em; }


blockquote {
  margin : 0 3em 0 2em;
  padding : .3em .5em;
}
q:after, q:before { content : ""; }


p, blockquote, ul, ol, dl, table {
  margin-top : 0;
  margin-bottom : .7em;
}
ul {
  list-style : none;
  padding : 0;
  margin : 0;
}
ol { padding-left : 3em; }
ul, ol  { margin-left : 0; }
li { margin : 0; padding : 0; }


a {
  color : #84853B;
  text-decoration: none;
}

a span {
  cursor : pointer;
  _cursor : hand;
}


acronym {
  cursor : help;
  border : none;
}
acronym:hover { border-bottom : 1px dotted #ddd; }


img {
  margin : 0;
  padding : 0;
  border : none; 
  vertical-align : top;
}


h1, h2, h3, h4 {
  margin-top : 0;
  margin-bottom : 0;
}
h1 {
  font-size : 1.27em;
  margin-bottom : .55em;
}
h2 {
  font-size : 1.27em;
  margin-top : 1.57em;
  margin-bottom : .55em;
}
h3 {
  font-size : 1.09em;
  margin-top : 1em;
  margin-bottom : .64em;
}
h4 {
  font-size : 1em;
  margin-bottom : .2em;
}




table { border-collapse : collapse; }
table, td, th, caption {
  border : none;
  background-color : transparent;
  padding : 0;
  text-align : left;
  vertical-align : top;
}
th acronym:hover { border : none; }
th.num, td.num {
  text-align : right; 
  white-space : nowrap; 
}






form { margin : 0; }

fieldset {
  padding : 0;
  margin : 0;
  border : none;
}

input,
select,
textarea {
  vertical-align : middle;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 1em;
}
textarea {
  vertical-align : top;
  width: 99%;
}
select,
textarea,
.textinput,
.fi_txt input {
  border : 1px solid #ccc;
  background : #fff;
  color : #666;
}

textarea,
.textinput,
.fi_txt input { padding: 1px; }

textarea:focus,
textarea:active,
.textinput:focus,
.textinput:active,
.fi_txt input:focus,
.fi_txt input:active { border-color: #bbb; }

.pageextra1 select,
.pageextra1 textarea,
.pageextra1 .textinput,
.pageextra1 .fi_txt input,
.pageextra2 select,
.pageextra2 textarea,
.pageextra2 .textinput,
.pageextra2 .fi_txt input { width : 97%; }

.button,
.fi_btn input {
  cursor : pointer; 
  _cursor : hand;
  background : #fff;
  border : 1px solid #bbb;
  color : #555;
}

.button:hover,
.button:focus,
.fi_btn input:hover,
.fi_btn input:focus {
  border-color : #888;
  color : #555;
  background: #f5f5f5;
}


.reqerror label,
.typeerror label {
  font-weight : bold;
  color : #c33;
}
.typeerror label { color : #936; }
.reqerror input,
.reqerror textarea,
.reqerror select { border : 1px solid #c33; }
.typeerror input,
.typeerror textarea,
.typeerror select { border : 1px solid #936; }


acronym.req {
  border : none;
  margin-right : -.25em;
  padding : 0 .25em 0 0;
}
acronym.req:hover { border : none; }






/* *****  clear  ***** */
.clear {
  clear : both;
  line-height : 0px;
  font-size : 1px;
  _height:0;min-height:0; /* ie hasLayout fix */
}



/* ********************************** */
/* Page Canvas Definitions            */
/* ********************************** */

.bodywrap {
  position : relative;
  width : 987px;
  margin : 0 auto;
  text-align : left;
  background: url(i/bw-bg.gif) repeat-y;
}



.pageheader {
  background: url(i/body-bg.gif) no-repeat 50% 0;
  height: 193px;
}

.pageheader .wrapper {
  padding-top: 97px;
  padding-left: 60px;
}

.pageheader .brand {
  width: 920px;
  height: 96px;
  background: #B8B953 url(i/ph-bg-trans.png) no-repeat;
  _background-image : none;
  _filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/i/ph-bg-trans.png',sizingMethod='crop');
}

.pageheader .sitelogo {
  vertical-align : top;
  position : relative;
  margin: -75px 0 0 -14px;
}

.pageheader .stream { top : 10px; }  /* Accessibility tr1ck50r */


.pagebody {
  float : left;
  margin-left : 64px;
  width : 690px;
  _display : inline;
  margin-bottom: -15px;
}

.home .pagebody {
  position : relative;
  z-index: 2;
}

.pagebody .wrapper {
  padding : 7px 16px 15px;
  min-height: 206px; _height: 206px;
}

.pageextra1 {
  float : left;
  width : 217px;
  _display : inline;
  border-top: 7px solid #fff;
}

.home .pageextra1 { margin-top: -2px; }

.pageextra2 {
  float : left;
  width : 170px;
  _display : inline;
  margin-left : -170px;
  _margin-left : -171px;
}



.pageextra3 {
  clear: both;
  background: #fff url(i/p5-bg.gif) no-repeat 60px 0;
  width: 100%;
  overflow: hidden;
  margin-bottom: -26px;
  position : relative;
  z-index: 1;
}

.pageextra3 .wrapper {
  padding-left: 53px;
  padding-top: 37px;
  padding-right: 7px;
}




.pageextra5 {
  clear : both;
  background: #fff url(i/pbottom.gif) repeat-x;
  height: 400px;
}


.twocol-tab .pageextra5 { background-position: 0 83px; }

.pageextra5 .wrapper {
  padding: 26px 0;
  background: url(i/p5-bg.gif) no-repeat 60px 0;
}


.pagebottom {
  clear: both;
  height: 400px;
  background: url(i/pbottom.gif) repeat-x;
  margin-top: -400px;
}


.twocol-tab .pagebottom { margin-top: -317px; }


/*
  disposable helper fyrir canvas vinnu  
*/
.pageextra5 .wrapper,
.pageextra4 .wrapper,
.pageextra3 .wrapper,
.pageextra2 .wrapper,
.pageextra1 .wrapper,
.pageheader .wrapper { _height:0;min-height:0;/* ie hasLayout fix */ }



/* ********************************** */
/* Generic Box Definitions            */
/* ********************************** */


.box {
  _height:0;min-height:0;/* ie hasLayout fix */
  position : relative;
  margin-bottom : 1.5em;
}
.boxhd { padding-top : 1.5em; margin-top: 0; }
.content { _height:0;min-height:0;/* ie hasLayout fix */ }




.pagebody .boxhd {
  position : absolute;
  top: 173px;
  left: 84px;
  color: #fff;
  font-weight: normal;
  font-size: 2.33em;
  margin-top: -2.33em;
}



.pagebody .content {
  padding-left: 6px;
  padding-right: 10px;
}





.pagebody .box .boxhd,
.article .content h1,
.companyinfo .content h1,
.twocol .articlelist h3 {
  padding-top: 14px;
  border-bottom: 2px solid #E7E7E7;
  font-weight: normal;
  color: #646464;
  font-size: 1.5em;
  position : relative;
  top: auto;
  left: auto;
  clear: left;
  margin-top: 0;
  z-index: 99;
}







.pageextra1 .box .boxhd { padding: 10px 10px 0; }
.pageextra1 .box .content { padding: 0 10px; }






.pageextra3 .box {
  margin-left: 7px;
  _display: inline;
  margin-bottom: 7px;
}


.pageextra3 .box .boxhd {
  background: #48484A url(i/p3-box-boxhd.gif) repeat-x 0 100%;
  font-size: .92em;
  color: #fff;
  font-family: verdana;
  padding: 5px 10px 2px;
  margin-bottom: 0;
}


.pageextra3 .box .content {
  border: 1px solid #DAD7D7;
  padding: 6px 12px;
  _height:0;min-height:0; /* ie hasLayout fix */
  min-height: 161px; _height: 161px;
}

.pageextra3 .wrapper .archivelink,
.pageextra3 .wrapper .moreolder {
  position : absolute;
  top: .4em;
  right: 6px;
  border: none;
  padding: 0;
  margin: 0;
}

.pageextra3 .wrapper .archivelink a,
.pageextra3 .wrapper .moreolder a {
  /* image replacement */padding:0; display:block; overflow:hidden; border:none; line-height:0; text-indent:-9999em; font-size:1px; letter-spacing:-1em;
  background: url(i/p3-moreolder.gif) no-repeat;
  width: 17px;
  height: 17px;
}

.pageextra3 .wrapper .box-left-gray .archivelink a,
.pageextra3 .wrapper .box-left-gray .moreolder a { background-image: url(i/p3-moreolder-gray.gif); }

.pageextra3 .archivelink a:hover,
.pageextra3 .archivelink a:focus,
.pageextra3 .archivelink a:active,
.pageextra3 .moreolder a:hover,
.pageextra3 .moreolder a:focus,
.pageextra3 .moreolder a:active { background-position: 0 -17px; }




.pageextra3 .box-left {
  float: left;
  width: 688px;
}

.pageextra3 .box-right {
  float: right;
  width: 225px;
  margin-left: 0;
}

.pageextra3 .box-left-gray {
  float: left;
  width: 340px;
  
}

.pageextra3 .box-left-gray .boxhd {
  background-image: url(i/p3-box-boxhd-gray.gif);
  background-color: #888889;
}

.pageextra3 .box-left-gray .content {
  background-color: #FDFDFD;
  color: #49494B;
  min-height: 96px; _height: 96px;
}








/* ********************************** */
/* Definitions of Individual Items    */
/* ********************************** */


/* ******  meta  ****** */
.meta {
  color : #777;
  display : block; 
  font-weight : normal;
  font-size : .92em;
}
.meta span { padding-right : .5em; }
.wrapper .meta a:link,
.wrapper .meta a:visited { color : #777; }





/* ******  buttons  ****** */

.more,
.buttons,
.moreolder,
.archivelink {
  display : block;
  white-space : nowrap;
  height : 1.2em;
  font-size: .92em;
  font-weight: bold;
}

.buttons {
  margin-top : 1.33em;
  clear : both;
  margin-bottom: 2em;
}

.wrapper .more a,
.wrapper .buttons a,
.wrapper .moreolder a,
.wrapper .archivelink a {
  float : left;
  padding : 0 12px 0 0;
}

.wrapper .more a,
.wrapper .moreolder a,
.wrapper .archivelink a { color: #646464; }

.wrapper .moreolder a,
.wrapper .archivelink a,
.wrapper .buttons a {
  background : url(i/snav-arrow.gif) 0% 50% no-repeat;
  padding-left: 12px;
}


.wrapper a.btnback { background-image: url(i/snav-arrow-back.gif); }


.buttons .btnemail,
.buttons .btnprint { display: none; }



/* ******  articlelist  ****** */


.articlelist .item {
  margin-bottom : 2.4em;
  width : 100%;
  position : relative;
  border-bottom: 1px solid #E7E7E7;
}

.articlelist .item:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }


.blogg .date,
.articlelist .item .date {
  background: #B8B953;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-family: verdana;
  font-size: .8em;
  text-align: center;
  line-height: 1.3;
  padding-top: 14px;
  width: 32px;
  font-size: .55em;
  position : absolute;
  display : block;
  margin-top: 44px;
  ~margin-top: 41px;
  margin-left: 3px;
}

.blogg .date {
  font-size: .83em;
  margin-top: 58px;
  left: 0;
}


.blogg .date span.d,
.articlelist .item .date span.d {
  border: 2px solid #DAD7D7;
  border-top: none;
  background: #fff url(i/al-dt-span-bg.gif) no-repeat 100% 100%;
  color: #474749;
  display : block;
  font-family: Arial;
  font-size: 1.44em;
  width: 28px;
  position : absolute;
  left: 0;
}

.blogg .date span.m,
.articlelist .item .date span.m {
  top: -13px;
  position : relative;
  width: 28px;
}

.blogg .date span.y,
.articlelist .item .date span.y { position:absolute;right:19999px;left:auto; }


.articlelist .item h3 {
  position : static;
  margin-bottom: 8px;
}

.blogg p.meta,
.articlelist .item h3 .meta {
  font-size: .6em;
  position : absolute;
  bottom: -23px;
  left: 0;
  padding-left: 45px;
}

.blogg p.meta {
  font-size: .92em;
  bottom: -32px;
}

.blogg p.meta span,
.articlelist .meta span {
  background: url(i/meta-sep.gif) no-repeat 0 50%;
  padding-left: 8px;
}

.blogg p.meta .author,
.articlelist .meta .author {
  background: none;
  padding-left: 0;
}

.blogg .meta .source,
.articlelist .meta .source { font-weight: bold; }

.articlelist .item h3 a { color: #646464; }

.articlelist .summary {
  padding-left: 48px;
  padding-bottom: 1.2em;
}

.articlelist .summary p { margin : 0; }
.articlelist .more {}

.articlelist img {
  float : right;
  margin : .2em 0 1em 2em;
  border: 3px solid #dad7d7;
}

.articlelist ul {
  clear : both;
  padding-top: 1.4em;
}

.articlelist li { padding-bottom : .7em; }

.articlelist li .meta .date {
  padding-left: 0;
  background: none;
}

.articlelist li a {
  font-weight : bold;
  color: #646464;
}


.articlelist .archivelink,
.articlelist .moreolder {
  margin-top: 1em;
  padding-top: 6px;
  border-top: 1px solid #e7e7e7;
}







.pageextra3 .articlelist .item {
  border-bottom: none;
  margin-bottom: 0;
}

.pageextra3 .articlelist .item h3 {
  padding-left: 48px;
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 1em;
}

.pageextra3 .articlelist .item h3 a { color: #48484A; }


.pageextra3 .articlelist .item h3 .meta { position:absolute;right:19999px;left:auto; }


.pageextra3 div.wrapper .articlelist .date {
  position : absolute;
  left: -3px;
  top: -40px;
  ~top: -34px;
  background-color: #666;
  font-size: .8em;
}

.pageextra3 .articlelist .summary {
  font-size: .92em;
  line-height: 1.3;
}

.pageextra3 .articlelist .summary .more { font-size: 1em; }


/* ******  stafflist (extends: articlelist) ****** */

.stafflist .item img {
  float: left;
  margin: 0 12px 12px 0;
}

.stafflist .collapse-closed .summary { display: none; }
.stafflist .collapse-closed img { display: none; }


/* ******  article  ****** */


.article .content {
  padding-top: 1em;
}


.article .content h2,
.article .content h3 {
  margin-bottom: 0;
  margin-top: 0;
}

.article .subtitle {
  clear : none;
  margin-top : -.54em;
  font-size : 1em;
}
.article .summary {
  color : #777;
  padding : 4px 0;
  margin : 0 0 .7em 0;
}
.article .summary p { margin : 0; }

.article img { clear : both; vertical-align : text-bottom; }
.article img.left { float : left;  margin : .2em 2em .2em 0; }
.article img.right { float : right;  margin : .2em 0 .5em 2em; }
.article img.center { float : none; display : block; margin : 0 auto .7em auto; text-align : center;}

.article table {
  border: 1px solid #ccc;
}
.article caption { 
  font-style : italic;
  padding : .2em 0;
  text-align : left;
}
.article th {
  font-weight : bold;
  padding : .4em .6em;
  background-color : #444;
  color: #fff;
}
.article td {
  padding : .3em .6em;
  border-top : 1px solid #eee;
}
.article tr.alt td {
  background-color : #f8f8f8;
}

.article table.grid,
.article table.grid td {
  background : transparent none;
  border : none;
  padding : 0
}


.article ul {
  list-style : disc;
  padding-left : 2.5em;
  margin-bottom : .7em;
}
.article li { margin-bottom : .54em; }


.paging ul { list-style : none; padding : 0; }
.paging .prev { float : left; margin-right : 1em; }






/* ******  imgbox  ****** */

.imgbox {
  position : static;
  float : right;
  padding : 0 0 1.4em 10px;
  margin : 0;
  width : auto;
}

.article .imgbox {
  margin-top: 1.83em;
  padding-top: 50px;
}

.imgbox .content {
  display : inline;
  padding : 0;
  margin : 0;
}
.imgbox img {
  clear : none;
  float : none;
  margin : 0;
  padding : 0;
}
.imgbox .imgcontent { width : 200px; }
.imgbox .imgtext {
  color : #333;
  font-weight : normal;
  font-size : .92em;
}
.imgbox .imgmeta {
  width : 200px;
  color : #666;
  font-weight : normal;
  font-size : .83em;
}

.pageextra1 .imgbox,
.pageextra2 .imgbox {
  float : none;
  padding : 0;
}
.pageextra1 .imgbox .imgcontent,
.pageextra1 .imgbox .imgmeta,
.pageextra2 .imgbox .imgcontent,
.pageextra2 .imgbox .imgmeta { width : auto; }





/* ******  blogg (extends: article)  ****** */

.blogg {
  margin-bottom: 3em;
}

.blogg .content {
  position : relative;
  padding-left: 48px;
  border-bottom: 1px solid #E7E7E7;
}

.blogg .content h1 {
  margin-left: -48px;
}

.blogg .imgbox {
  margin: 0 0 10px;
  padding: 0;
  float: none;
  text-align: center;
}

.blogg .imgbox .content {
  padding: 0;
  border: none;
}

.blogg .imgbox img {
  border: 3px solid #DAD7D7;
}

.blogg .imgbox .imgcontent {
  width: auto;
}

.blogg .imgbox .imgname {
  font-weight: bold;
}

.blogg ul.thumbs {
  list-style: none;
  padding: 0;
  margin-left: -18px;
  padding-left: 2px;
}

.blogg ul.thumbs:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }

.blogg .thumbs li {
  float: left;
  margin-left: 18px;
  _display: inline;
}

.blogg .thumbs li a {
  float: left;
  border: 3px solid #DAD7D7;
}

.blogg li.current a,
.blogg .thumbs li a:hover,
.blogg .thumbs li a:focus,
.blogg .thumbs li a:active {
  border-color: #8A8D90;
}

.blogg .paging { clear: both; }

.blogg .paging .stepper {
  width: 100%;
  overflow: hidden;
}

.blogg .paging .stepper li {
  float: left;
}

.blogg .paging .stepper li.next {
  float: right;
}

.blogg .paging .jump {
  clear: both;
  text-align: center;
  width: 100%;
}

.blogg .paging .jump strong { position:absolute;right:19999px;left:auto; }






/* ****** companyinfo ****** */


.companyinfo .content {
  padding-bottom: 2em;
}

.companyinfo .content:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }

.companyinfo .imgbox {
  margin-top: 3em;
  padding-top: 26px;
  clear: left;
}

.companyinfo .imgbox img { border: 1px solid #DAD7D7; }

.companyinfo h1 {
  margin-bottom: .8em;
}

.companyinfo ul {
  padding-left: 12px;
  margin-bottom: .8em;
}

.companyinfo .info li:first-child b { position:absolute;right:19999px;left:auto; }
.companyinfo .info li:first-child span { font-weight: bold; }

.companyinfo .info b { font-weight: normal; }


.companyinfo ul.einfo strong {
  float: left;
  width: 8.2em;
}

.companyinfo ul.einfo ul {
  float: left;
  padding-left: 0;
}

.companyinfo ul.einfo ul strong {
  font-weight: normal;
  width: 14em;
}


.companyinfo .summary {
  border-top: 1px solid #DAD7D7;
  clear: both;
  padding: 12px;
  _height:0;min-height:0; /* ie hasLayout fix */
}

.companyinfo .summary h4 {
  margin-bottom: 0;
}




/* ** brandinfo (extends: companyinfo) ** */

.brandinfo .einfo strong { font-weight: normal; }
.brandinfo .einfo span { font-weight: bold; }







/* ******  products  ****** */

.products .boxhd { margin-bottom: 0; }

.products .item {
  width: 100%;
  overflow: hidden;
  border-top: 2px solid #E7E7E7;
  padding-bottom: 1em;
  padding-top: 1em;
}

.products .itm1 { border-top: none }

.products .item img { float: left; }

.products .item h3,
.products .item .summary { padding-left: 328px; }

/* .products .item h3 { position:absolute;right:19999px;left:auto; } */

.products .item .summary { padding-top: 28px; }

.products .tag {
  width: 272px;
  background: url(i/prodlist-tag-top.gif) no-repeat;
  font-size: 1.5em;
  color: #fff;
}

.products .tag ul {
  background: url(i/prodlist-tag-bottom.gif) no-repeat 0 100%;
  padding: 20px 27px 18px 44px;
  min-height: 90px; _height: 90px;
}

.products .tag li {
  background: url(i/prodlist-tag-sep.gif) repeat-x;
  padding: 3px 3px 0 7px;
}

.products .tag li.cat1 { background: none; }

.products .tag li.cat2 {
  font-size: .83em;
  font-weight: bold;
}

.products .tag strong { position:absolute;right:19999px;left:auto; }


/* alt (lefty) */

.products .itm-alt img { float: right; }

.products .itm-alt h3,
.products .itm-alt .summary { padding-left: 20px; }

.products .itm-alt .tag { background-image: url(i/prodlist-tag-top-lefty.gif); }

.products .itm-alt .tag ul {
  background-image: url(i/prodlist-tag-bottom-lefty.gif);
  padding-left: 27px;
  padding-right: 44px;
}

.products .archivelink,
.prodcuts .moreolder {
  margin-top: 2em;
  padding-top: 6px;
  border-top: 1px solid #e7e7e7;
  font-size: 1.2em;
}






/* ******  brands  ****** */


.brands {
  width: 140px;
  _width /**/: 164px;
  height: 151px;
  position : relative;
  overflow: hidden;
  float: left;
  margin: 10px 0 0;
  padding: 0 12px;
  _display: inline;
}



.wrapper .brands .boxhd {
  background: url(i/brands-hover.gif) no-repeat;
  position : relative;
  margin: 0;
  padding: 0;
  top: auto;
  left: auto;
  font-size: 1.3em;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  width: 140px;
  height: 151px;
  z-index: 3;
}

.brands .boxhd a {
  background: url(i/brands-hover.gif) no-repeat;
  width: 140px;
  height: 151px;
  display : block;
  position : relative;
  color: #fff;

}

.wrapper .brands .boxhd a:hover,
.wrapper .brands .boxhd a:focus,
.wrapper .brands .boxhd a:active {
  background-position: 0 -151px;
  color: #fff;
}

.brands .boxhd span,
.brands .boxhd img {
  position : absolute;
  bottom: 23px;
  ~bottom: 21px;
  left: 5px;
  z-index: 20px;
  width: 130px;
  height: 38px;
  padding: 0;
  margin: 0;
  line-height: 2.5;
  color: transparent;
}

.brands .boxhd span { position:absolute;right:19999px;left:auto; }

div.wrapper .brands .content {
  position : absolute;
  top: 1px;
  left: 17px;
  z-index: 1;
  padding: 0;
  border: none;
}



.brands .item {
  vertical-align: middle;
  text-align: center;
  display: table-cell;
  width: 130px;
  height: 89px;
  
  ~padding-top : 45px;
  ~height : 45px;
  ~display: block;
}

.brands .item img { ~margin-top: expression( this.runtimeStyle.marginTop=(-this.offsetHeight/2-1)+'px' ); }


.brands .item h3 {
  position : absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 130px;
  margin: 0;
  font-size: .92em;
  color: #fff;
  background: url(i/brands-alpha.png);
  _background-image : url(i/brands-alpha.gif);
}

.brands .item h3 a { color: #000; }




.pageextra3 .brands {
  padding: 0 8px;
  z-index: 99;
  _width /**/: 156px;
}


div.pageextra3 .brands .content { left: 13px; }


/* ****** carousel ****** */

.wrapper .carousel .content {
  padding-left: 31px;
  padding-right: 31px;
}

.carousel .container {
  overflow: hidden;
  width: 624px;
  position : relative;
}

.carousel .direct { display: none; }


.controls a {
  /* image replacement */padding:0; display:block; overflow:hidden; border:none; line-height:0; text-indent:-9999em; font-size:1px; letter-spacing:-1em;
  width: 38px;
  height: 38px;
  background: #fff url(i/carousel-arrow-left.gif) no-repeat;
  position : absolute;
  top: 132px;
  left: 1px;
  
}

.controls a.next {
  background-image: url(i/carousel-arrow-right.gif);
  right: 1px;
  left: auto;
}

.controls a:hover,
.controls a:active { background-position: 0 -38px; }




/* ******  quizbox  ****** */

.quizbox .question { font-weight : bold; }
.quizbox h3 {
  margin : .5em 0;
}
.quizbox .thanks {
  color : #06b;
}
.quizbox ul {}
.quizbox li {
  margin-bottom : .5em;
  _height:0;min-height:0;/* ie hasLayout fix */
}
.quizbox label { display : inline; }
.quizbox .options li {}
.quizbox span.stat { display : block; }
.quizbox span.stat i {
  font-style : normal;
  color : #777;
  padding-left : .5em;
}
.quizbox span.bar {
  display : block; 
  background-color : #ddd;
}
.quizbox .results .bar img {
  height : .91em;
  background : #888;
}
.pagebody p.morequizes { margin : 0; }






/* ******  quizlist  ****** */
.quizlist .quiz {
  float : left;
  width : 45%;
  margin-right : 4.5%;
  _display : inline;
  padding-bottom : 1em;
  border-bottom : 1px solid #eee;
  margin-bottom : 1em;
  min-height : 23.5em;
  _height : 23.5em;
}
.quizlist .dates,
.quizlist .totalnum {
  clear : both;
  font-size : .92em;
  color : #777;
  margin : 0;
}
.quizlist .totalnum { margin-top : .7em; }
.quizlist .dates b,
.quizlist .totalnum b {
  float : left;
  margin-bottom : .09em;
  margin-right : .5em;
  font-weight : normal;
  width : 10em;
}






/* ******  contactform  ****** */
.contactform .content { 
  padding-bottom : 2em;
}
.contactform p { clear : both; }

.contactform .fi_txt,
.contactform .fi_bdy,
.contactform .fi_static { clear: left; }

.contactform .fi_txt label,
.contactform .fi_bdy label,
.contactform .fi_static span {
  width : 7em;
  float : left;
  margin-top : .2em;
}
.contactform .fi_btn {
  margin-left : 7em;
  _margin-left : 7.2em;
}
.contactform textarea { width : 70%; }





/* ******  breadcrumbs  ****** */

.breadcrumbs {
  position : absolute;
  top : 6px;
  left : 250px;
  width : 450px;
}

.breadcrumbs,
.breadcrumbs .boxhd { position:absolute;right:19999px;left:auto; }

.breadcrumbs .content {}

.breadcrumbs .content span,
.breadcrumbs .content a {
  text-decoration : none;
  color : #999;
}

.breadcrumbs i { font-style: normal; }










/* ******  mnav  ****** */

.mnav {
  position : absolute;
  top: 58px;
  right: 234px;
  margin-top: -1.5em;
  width: 575px;
}

.mnav .boxhd { position:absolute;right:9999em;left:auto; }

.mnav ul {
  font-size: .9em;
  font-family: verdana;
  float: right;
  background: url(i/mnav-sep.gif) no-repeat 0 100%;
}

.mnav li { float: left; }

.mnav li a {
  float: left;
  color: #fff;
  background: url(i/mnav-sep.gif) no-repeat 100% 100%;
  padding: 16px 0 6px;
  text-align: center;
  width: 106px;
  display : block;
  _height:0;min-height:0; /* ie hasLayout fix */
}

.mnav .parent,
.mnav .current {
  background: url(i/mnav-curr.gif) repeat-x 0 100%;
}

.mnav .parent a,
.mnav .current a { font-weight: bold; }


div.wrapper .mnav li a:hover,
div.wrapper .mnav li a:focus,
div.wrapper .mnav li a:active { color: #fff; }






/* ******  snav  ****** */

.snav { margin-top: -2px; }
  
.snav .boxhd { position:absolute;right:19999px;left:auto; }

.snav .content {
  font-family: verdana;
  font-size: .92em;
  border-bottom: 4px solid #fff;
}

.snav ul { background: #F5F5F5; }

.snav li { _display: inline; }

.snav li a {
  background: #48484A url(i/snav-curr.png) repeat-x 0 100%;
  _background-image : none;
  display : block;
  _height:0;min-height:0; /* ie hasLayout fix */
  padding: 4px 10px;
  border-top: 2px solid #fff;
  color: #fff;
  font-weight: bold;
}

div.wrapper .snav li a:hover,
div.wrapper .snav li a:focus,
div.wrapper .snav li a:active {
  background-color: #555;
  color: #fff;
}

.snav .parent a,
.snav .current a { background-color: #B8B953; }


/* l2 */

.snav .level2 {
  margin: 10px 13px 11px 11px;
  border-bottom: 1px solid #DADADB;
  font-family: Arial;
}

.wrapper .snav .level2 li a {
  background: transparent none;
  color: #646464;
  font-weight: normal;
  padding-left: 12px;
  border-top: 1px solid #DADADB;
  padding-top: 5px;
  padding-bottom: 3px;
}

.wrapper .snav .level2 li a:hover,
.wrapper .snav .level2 li a:focus,
.wrapper .snav .level2 li a:active {
  background-color: #ECECEC;
  color: #333;
}

.wrapper .snav .level2 .parent a,
.wrapper .snav .level2 .current a { font-weight: bold; }
.wrapper .snav .level2 .current a { background: url(i/snav-arrow.gif) no-repeat 2px .88em; }


/* l3 */

.snav .level2 .level3 {
  border-top: 1px solid #DADADB;
  padding-bottom: 6px;
}

.wrapper .snav .level2 .level3 li a {
  border: 0;
  background: transparent none;
  font-weight: normal;
  padding-left: 24px;
  padding-top: 3px;
  padding-bottom: 2px;
}

.wrapper .snav .level2 .level3 .current a {
  font-weight: bold;
  background: url(i/snav-arrow.gif) no-repeat 12px .7em;
}

.wrapper .snav .level2 .level3 li a:hover,
.wrapper .snav .level2 .level3 li a:focus,
.wrapper .snav .level2 .level3 li a:active { background-color: transparent; }






/* ****** gnav ****** */

.gnav ul { border-bottom: 3px solid #fff; }

.gnav li { background: #626262 url(i/gnav-a.gif) repeat-x; }

.gnav li a {
  padding: 16px 16px 18px 33px;
  display : block;
  _height:0;min-height:0; /* ie hasLayout fix */
  font-size: 1.5em;
  color: #fff;
  border-bottom: 3px solid #fff;
}

.gnav .parent,
.gnav .current { background: #282828 url(i/gnav-curr.gif) repeat-x; }

.gnav .parent a,
.gnav .current a { background: url(i/gnav-arrow.gif) no-repeat 9px 1.1em; }


div.wrapper .gnav li a:hover,
div.wrapper .gnav li a:focus,
div.wrapper .gnav li a:active { color: #fff; }






/* ******  enav  ****** */

.enav { 
  position : absolute;
  top: 40px;
  right: 1px;
  width: 234px;
  background: url(i/enav-bg.gif) no-repeat 0 100%;
  margin-top: -1.5em;
}

.enav .content {
  font-weight: bold;
  font-family: verdana;
  font-size: .92em;
}

.enav li { float: left; }

.enav li a {
  color: #fff;
  display : block;
  _height:0;min-height:0; /* ie hasLayout fix */
  padding: 34px 19px 5px;
  float: left;
  white-space: nowrap;
}

div.wrapper .enav li a:hover,
div.wrapper .enav li a:focus,
div.wrapper .enav li a:active { color: #fff; }






/* ******  qnav  ****** */

.qnav {
  
}

.qnav ul {
  font-size: .92em;
  font-weight: bold;
}

.qnav li {
  
}

.qnav li a {
  padding: 4px 10px;
  display : block;
  _height:0;min-height:0; /* ie hasLayout fix */
  border-bottom: 1px solid #E3E3E3;
  color: #646464;
}




/* ******  monthlist ****** */

.pagebody td table.calendar {
  font-size : .92em;
}
.monthlist table.grid { width : 100%; }
.monthlist td {
  padding : 0 0 10px 0;
}

.events,
.monthlist {
  width : 100%;
  overflow : hidden;
}

.events .pager,
.monthlist .pager {
  padding-top : 5px;
  text-align : center;
}
.events .pager .prev,
.monthlist .pager .prev {
  float : left;
  padding-right : 7px;
  border-right : 1px solid #eee;
}
.events .pager .next,
.monthlist .pager .next {
  float : right;
  padding-left : 7px;
  border-left : 1px solid #eee;
}




/* ******  calendar  ****** */

.calendar { margin : 0; }
.pageextra1 .calendar,
.pageextra2 .calendar { width : 100%; }

.calendar caption {
  font-weight : bold;
  font-style : normal;
  text-align : center;
  padding : .1em;
  font-size : 1.08em;
}
.calendar th {
  text-align : center;
  font-size : .92em;
  padding : .2em;
  border-bottom : 1px solid #666;
}
.calendar td {
  padding : 0;
  text-align : right;
  border-bottom : 1px solid #ddd;
}
.calendar .sa { }
.calendar .su { color : #555; }
.calendar .o { }
.calendar .osa { }
.calendar .osu { }

.calendar td i,
.calendar td a {
  display : block;
  font-style : normal;
  padding : 2px;
}
.calendar td a:link,
.calendar td a:visited { font-weight : bold; }
.calendar td a:hover,
.calendar td a:focus,
.calendar td a:active { background-color : #eee; }




/* ******  advert  ****** */

.advert {
  text-align : center;
  overflow : hidden;
  width : 100%;
}
.advert .boxhd { text-align : left; }
.advert .content { text-align : center; }
.advert img { margin-bottom : 1em; }




.pageextra3 .wrapper .advert {
  width: auto;
  overflow: visible;
}

.pageextra3 .advert .content {
  _height:0;min-height:0; /* ie hasLayout fix */
  padding: 0;
}

.pageextra3 .advert img { margin-bottom: 0; }





/* ******  loginform  ****** */

.loginform {}





/* ******  loginpagebox  ****** */

.loginpagebox label {
  width : 7em;
  float : left;
  margin-top : .2em;
}
.loginpagebox .submit,
.loginpagebox .fi_btn {
  margin-left : 7em;
}

/* ******  people  ******* */

.people h3 { /*color: #074977;*/ 
   font-size : 1.55em;
   font-weight : normal;
}

.people table { 
  width: 94%; 
  margin : 0 2%;
}

.people table th,
.people table td { padding: 4px 0; }

.people th.col1 { width: 30%; }
.people th.col2 { width: 30%; }
.people th.col3 { width: 20%; }
.people th.col4 { width: 30%; }

.people table th {
  border-bottom: 1px solid #E5E5E5;
  font-weight: normal;
}

.people table td {
  border-bottom: 1px solid #F2F2F2;
}

.people table a {
  font-weight: bold;  
}

.people table .netfang a {
  font-weight: normal;
  color: #333;
}

.people .close {
  display : block;
  background : #aaa  url(i/icn/close.gif) 6px 50% no-repeat;
  padding : 3px 22px;
  color : #fff;
}
.people .close:hover {
  background-color : #999;
  color : #fff;
  text-decoration : none;
}
.people .open {
  display : none;
}
.people .subrow td {
  background : #e9e9e9;
  padding : 0;
}

/* ******  persona  ******* */

.persona {
  background:transparent url(i/threecol-box-bottom.gif) no-repeat scroll 0pt 100%;
  padding:0pt 10px;
  width : 460px;
}
.persona .content {
  padding-bottom : 2em;
}

.persona h3 {
  font-size : 1.55em;  
}
.persona ul {
}
.persona li {
  margin-bottom: .3em;
}

.persona li b {
  display : inline;
  font-weight : normal;
}
.persona .title b {
  font-weight : bold;
}
.persona .imgbox {
  float : left;
  padding : 0 20px .75em 0;
}


td .persona {
  padding : 6px 10px;
  margin : 0;
  width : auto;
  background : 0;
}
td .persona .content {
  overflow : hidden;
  _height : auto;
}


td .persona .content {
  padding : 0;
}
td .persona h3 {
  font-size : 1.55em;  
    color : #84853B;
  margin-top : 0;
}
td .persona .imgbox {
  padding-bottom : 0;
}
td .persona .imgbox img {
  border : 2px solid #fff;
  padding : 0;
  max-height : 140px;
}

td .persona .info {
  float : left;
  margin-right : 20px;
}





/* ******  qsearch  ****** */

.qsearch {
  position : absolute;
  top : 15px;
  margin-top : -.8em;
  right : 0px;
  width : 210px;
}
.qsearch .boxhd,
.qsearch label { position:absolute;right:9999em;left:auto; }
.qsearch .content { padding : 0; }
.qsearch .fi_txt input { width : 120px; }
.qsearch .fi_btn input { width : 3.5em; font-size : .91em; }





/* ******  sitemap  ****** */

.sitemap .content {
  font-weight : bold;
  font-size : 1.08em;
  padding-bottom : 3em;
}
.sitemap ul { width : 13em; }

.sitemap .level1 ul {
  margin : -3px 0 0 110px;
  _margin-bottom : -.5em;
  font-size : .92em;
  padding-bottom : 3px;
}
.sitemap ul.level3 {
  font-weight : normal;
  margin-left : 100px;
}
.sitemap ul.level4 {
  margin-left : 90px;
  font-size : 1em;
}
.sitemap li { margin-bottom : .5em; }

.sitemap a,
.sitemap i {
  display : block;
  padding : 2px 10px;
  background : #fff none 95% 45% no-repeat;
  background-color : #f8f8f8;
  border : 1px solid #ccc;
  _height:0;min-height:0;/* ie hasLayout fix */
}
.sitemap i {
  color : #999;
  font-style : normal;
  background-image : url(i/icn-lock.gif);
}
.sitemap .level2 a,
.sitemap .level2 i { border-color : #d9d9d9; }
.sitemap .level3 a,
.sitemap .level3 i { border-color : #e9e9e9; }

.sitemap .content a:hover,
.sitemap .content a:focus,
.sitemap .content a:active { border-color : #bbb; }
.sitemap .content i:hover { border-color : #aaa; }







/* ******  galleries  ****** */

.galleries {}
.galleries ul {}
.galleries h4 {}
.galleries p {}


/* ******  gallery  ****** */

.gallery .content {
  padding-right : 0;
}
.gallery td {
  padding-right : 12px;
  padding-bottom : 12px;
  text-align : center;
  vertical-align : bottom;
}
.gallery img {
  margin : 0 auto;
}


/* ******  galleryitem  ****** */

.galleryitem .content {
  text-align : center;
}
.galleryitem .ctrls a {
  padding : 0 .3em;
}
.galleryitem img {
  margin : .5em 0;
}







/* *****  tabnav & tabbbox  ***** */

.tabnav .content { padding-left: 60px; }

.tabnav ul {
  width: 100%;
  overflow: hidden;
  padding-top: 24px;
  font-family: verdana;
  font-size: .92em;
  height: 34px;
  _height /**/: 58px;
}

.tabnav li {
  float: left;
  overflow: hidden;
  border: 1px solid #E7E7E7;
  background: #F9F9F9;
  font-weight: bold;
  margin-left: 6px;
  margin-right: 6px;
  margin-top: 3px;
}

.tabnav li a {
  color: #252525;
  float: left;
  _height:0;min-height:0; /* ie hasLayout fix */
  display : block;
  color: #888889;
  padding: 2px 14px 3px;
}

.tabnav li.current {
  background: #F5F5F5;
  border-bottom: 0;
  height: 33px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.tabnav li.current a {
  padding: 10px 20px;
  color: #252525;
}

.tabbox {
  background: url(i/logolist-bg.gif) repeat-x 0 100%;
  margin-left: 60px;
}

.tabbox-section .focustarget { position:absolute;right:19999px;left:auto; }



/* ******  logolisti  ******* */


.pagebody .logolisti {
  margin-left: -29px;
  margin-right: -19px;
  margin-top: -11px;
}

.pageextra5 .logolisti .boxhd { position:absolute;right:19999px;left:auto; }

.logolisti ul {
  width: 100%;
  overflow: hidden;
}

.pageextra5 .logolisti ul {
  padding: 16px 0;
}

.logolisti li { float: left; }

.pagebody .logolisti li {
  margin-left: 13px;
  margin-top: 11px;
  _display: inline;
}

.logolisti li a {
  border: 1px solid #DAD7D7;
  vertical-align: middle;
  text-align: center;
  display: table-cell;
  width: 215px;
  height: 92px;
  
  ~padding-top : 46px;
  ~height : 46px;
  ~display: block;
  
  _height /**/: 92px;
}

.pageextra5 .logolisti li a {
  border: 1px solid transparent;
  _border: none;
  width: 130px;
  height: 54px;
  ~padding-top : 27px;
  ~height : 27px;
}

.logolisti li img { ~margin-top: expression( this.runtimeStyle.marginTop=(-this.offsetHeight/2-1)+'px' ); }

.logolisti li span { position:absolute;right:19999px;left:auto; }


.pagebody .logolisti li a:hover,
.pagebody .logolisti li a:focus,
.pagebody .logolisti li a:active {
  border: 3px solid #8A8D90;
  width: 211px;
  ~height: 88px;
  ~padding-top : 44px;
  ~height : 44px;
  
  _height /**/: 92px;
}

.pageextra5 .logolisti li a:hover,
.pageextra5 .logolisti li a:focus,
.pageextra5 .logolisti li a:active {
  border-color: #e7e7e7;
  background: #fff;
}




/* *** if tabnav & tabboxes are inside the pagebody *** */


.pagebody .tabnav {
  position : absolute;
  width: 650px;
  clear: both;
  padding: 0;
  margin: 1em 0 0;
  _height:0;min-height:0; /* ie hasLayout fix */
}


.pagebody .tabnav .content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
  height: auto;
}

.pagebody .tabnav ul {
  padding: 2px 0 0 0;
  margin: 0;
  width: auto;
  height: auto;
  _height:0;min-height:0; /* ie hasLayout fix */
  float: right;
}

.pagebody .tabnav li {
  background: none;
  border: none;
  height: auto;
  position : relative;
  margin-top: 0;
}

.pagebody .tabnav li a {
  color: #fff;
  padding: 3px 10px 2px;
}

.pagebody .tabnav li.current a {
  background: #fff;
  color: #48484A;
}

div.pagebody .tabnav li a:hover,
div.pagebody .tabnav li a:focus,
div.pagebody .tabnav li a:active { color: #fff; }

div.pagebody .tabnav li.current a:hover,
div.pagebody .tabnav li.current a:focus,
div.pagebody .tabnav li.current a:active { color: #000; }



.pagebody .tabbox {
  background: none;
  margin: 0 -10px;
  clear: both;
}

.pagebody .tabbox .boxhd {
  position : static;
  background: #353536 url(i/pb-tabbox-boxhd.gif) repeat-x;
  font-size: .92em;
  padding: 16px 10px 3px;
  font-family: verdana;
  margin-top: 0;
  margin-bottom: 0;
}

.pagebody .tabbox .content {
  border: 1px solid #E7E7E7;
  border-top: none;
  padding: 10px;
}

.pagebody .tabbox li {
  margin: 0;
}

div.pagebody .tabbox li a {
  width: 129px;
  height: 54px;
  ~padding-top : 27px;
  ~height : 27px;
  border: 1px solid #fff;
}

.pagebody .wrapper .tabbox li a:hover,
.pagebody .wrapper .tabbox li a:focus,
.pagebody .wrapper .tabbox li a:active {
  border: 1px solid #e7e7e7;
  width: 129px;
  height: 54px;
  ~padding-top : 27px;
  ~height : 27px;
}




/* ******  footer  ****** */

.footer .boxhd { /* display : none; */ }

.footer .content,
.wrapper .footer a { color: #7F7F7F; }

.footer .content { padding: 20px 80px 0; }

.footer em { margin: 0 6px; }





/* ******  eplicaad  ****** */

.eplicaad {
  position : absolute;
  right: 7px;
  width: 150px;
  text-align: right;
  margin-top: -359px;
}


.twocol-tab .eplicaad {
  margin-top: -163px;
}





/* ******  imgbanner  ****** */

.pagebody .imgbanner {
  margin: 0 -10px 6px;
  text-align: center;
}


.home .pagebody .imgbanner {
  margin-top: -93px;
  margin-bottom: 0;
  position : relative;
}

/* *** imgpopup *** */

.popup-wrapper {
  position : fixed;
  _position: absolute;
  z-index: 99;
  width: 100%;
  height: 100%;
  _height: expression(document.body.offsetHeight + "px");
  top: 0;
  left: 0;
  background: url(i/alpha.png);
  _background-image: url(i/alpha.gif);
  text-align: center;
}

.popup-inner-wrapper {
  position : absolute;
  z-index: 100;
  width: 100%;
  top: 0;
  left: 0;
}


.popup-inner-wrapper { margin: 32px auto; }

.popup-inner-wrapper img {
  padding: 20px 20px 40px;
  border: 1px solid #c8c8c8;
  background: #fff;
}

.popup-inner-wrapper .act {
  margin-top: -30px;
}

.popup-wrapper-hidden { display: none; }



/* ******  elogo  ****** */

.elogo {
  position : absolute;
  top: 107px;
  right: 17px;
  width: 216px;
  height: 86px;
}




/* ****** fontsizer  ****** */
.fontsizer { 
  position : absolute;
  top : 2.82em;
  right : 40px;
}
.fontsizer h2 { position:absolute;right:9999em;left:auto; }
.fontsizer li {
  float : right;
}
.fontsizer a {
  display : block;
  padding-left : 22px;
  background : url(i/_temp_dev/font-dwn.gif) 5px 50% no-repeat;
}

.fontsizer .up a {
  background-image : url(i/_temp_dev/font-up.gif);
}
.fontsizer .alt a {
  background-image : url(i/_temp_dev/font-alt.gif);
}
.fontsizer a:hover,
.fontsizer a:focus,
.fontsizer a:active {}








/* * links * */
div.wrapper a:hover,
div.wrapper a:focus,
div.wrapper a:active { color : #84853B;  text-decoration : underline; }
body a[name],
body a[name]:hover { color : inherit; text-decoration : inherit; }








/* ********************************** */
/* Color Themes                       */
/* ********************************** */



/* theme-blue */
.theme-blue .brand,
.theme-blue .snav .parent a,
.theme-blue .snav .current a,
.theme-blue .articlelist .item .date,
.theme-blue .blogg .date { background-color: #3A6FAE; }

.theme-blue a,
.theme-blue div.wrapper a:hover,
.theme-blue div.wrapper a:focus,
.theme-blue div.wrapper a:active { color : #29507D; }

.theme-blue .elogo { background-color: #2E5990; }



/* theme-purple */
.theme-purple .brand,
.theme-purple .snav .parent a,
.theme-purple .snav .current a,
.theme-purple .articlelist .item .date,
.theme-purple .blogg .date { background-color: #A53AAE; }

.theme-purple a,
.theme-purple div.wrapper a:hover,
.theme-purple div.wrapper a:focus,
.theme-purple div.wrapper a:active { color : #77297D; }

.theme-purple .elogo { background-color: #A53AAE; }



/* theme-orange */
.theme-orange .brand,
.theme-orange .snav .parent a,
.theme-orange .snav .current a,
.theme-orange .articlelist .item .date,
.theme-orange .blogg .date { background-color: #ea8534; }

.theme-orange a,
.theme-orange div.wrapper a:hover,
.theme-orange div.wrapper a:focus,
.theme-orange div.wrapper a:active { color : #AD662E; }

.theme-orange .elogo { background-color: #D36914; }



/* theme-red */
.theme-red .brand,
.theme-red .snav .parent a,
.theme-red .snav .current a,
.theme-red .articlelist .item .date,
.theme-red .blogg .date { background-color: #c00; }

.theme-red a,
.theme-red div.wrapper a:hover,
.theme-red div.wrapper a:focus,
.theme-red div.wrapper a:active { color : #c00; }

.theme-red .elogo { background-color: #B51111; }












