.stream,
.focustarget { position:absolute;right:9999px;left:auto; }
.print { display : none; }



/* ********************************** */
/* Basic Style Definitions            */
/* ********************************** */

html { overflow-y : scroll; -ms-overflow-y : scroll; }


body {
  background : #fff url(i/body-bg.gif) no-repeat 50% 0;
  margin : 0;
  padding : 0;
  color : #4D4D4D;
  line-height : 1.4;
  text-align : center;
  font-family : Arial, Helvetica, sans-serif;
}

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 : 0px;
  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 : #E48906;
  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.33em;
  margin-bottom : .55em;
}
h2 {
  font-size : 1.17em;
  margin-top : 1.57em;
  margin-bottom : .55em;
}
h3 {
  font-size : 1.00em;
  margin-top : 1em;
  margin-bottom : .64em;
}
h4 {
  font-size : 0.92em;
  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 #e1e1e1;
  background : #fff url(i/input-bg.gif) no-repeat;
  color : #555;
}

textarea,
.textinput,
.fi_txt input { padding: 2px; }

select:focus,
select:active,
textarea:focus,
textarea:active,
.textinput:focus,
.textinput:active,
.fi_txt input:focus,
.fi_txt input:active { border-color: #bbb; }

.pgextra1 select,
.pgextra1 textarea,
.pgextra1 .textinput,
.pgextra1 .fi_txt input,
.pgextra2 select,
.pgextra2 textarea,
.pgextra2 .textinput,
.pgextra2 .fi_txt input { width : 98%; }

.button,
.fi_btn input {
  cursor : pointer; 
  _cursor : hand;
  background : #E48906;
  border : 1px solid #E48906;
  color : #fff;
}

.button:hover,
.button:focus,
.fi_btn input:hover,
.fi_btn input:focus {
  border-color : #555;
  background: #555;
}


.wrap .reqerror label,
.wrap .typeerror label {
  font-weight : bold;
  color : #c33;
}
.wrap .typeerror label { color : #936; }
.wrap .reqerror input,
.wrap .reqerror textarea,
.wrap .reqerror select { border : 1px solid #c33; }
.wrap .typeerror input,
.wrap .typeerror textarea,
.wrap .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 { display : none; } /* depricated by other float-clearing techniques. */



/* ********************************** */
/* Page Canvas Definitions            */
/* ********************************** */

.pgwrap {
  position : relative;
  width : 974px;
  margin : 37px auto;
  text-align : left;
}



.pghead { height: 200px; }

.pghead .brand {}

.pghead .brand img.logo {
  vertical-align : middle;
  margin: 12px 20px;
}

.pghead .brand .slogan {}
.pghead .stream { top : 10px; }  /* Accessibility tr1ck50r */


.twocol .pgmain,
.threecol .pgmain {
  float : left;
  margin-left : 210px;
  width : 759px;
  _display : inline;
}

.threecol .pgmain {
  width : 400px;
  margin-right : 180px;
}

.pgmain .wrap { padding : 0 2px; }

.twocol .pgextra1 {
  float : left;
  width : 170px;
  _display : inline;
  margin-left : -170px;
  _margin-left : -171px;
}

.twocol .pgextra2 {
  float : left;
  width : 200px;
  margin-left : -967px;
  _display : inline;
}

.twocol .pgextra2 .wrap {
  padding: 0 2px;
}

.pgfoot { clear : both; }


.pgfoot .wrap { padding: 12px 2px; }



/*
  disposable helper fyrir canvas vinnu  
*/
.pgfoot .wrap,
.pgextra4 .wrap,
.pgextra3 .wrap,
.pgextra2 .wrap,
.pgextra1 .wrap,
.pghead .wrap,
.pgmain .wrap {
  _height:0;min-height:0;/* ie hasLayout fix */
}



/* ********************************** */
/* Generic Box Definitions            */
/* ********************************** */


.article .boxbody h1,
.boxhead {
  /*padding-top : .4em;*/
  padding-top: 0;
  margin-top: 0;
  font-size: 1.8em;
  font-weight: normal;
  margin-bottom: .25em;
}

.article .boxbody h1 {
  margin-bottom: 0;
}

.boxbody { _height:0;min-height:0;/* ie hasLayout fix */ }






.noheader .boxhead { position:absolute;right:19999px;left:auto; }




/* ********************************** */
/* Definitions of Individual Items    */
/* ********************************** */


/* ******  meta  ****** */

.meta {
  color : #4D4D4D;
  display : block; 
  font-weight : normal;
  font-size : .92em;
}
.meta span { padding-right : .5em; }

.wrap .meta a:link,
.wrap .meta a:visited { color : #4D4D4D; }





/* ******  buttons  ****** */

.more,
.buttons,
.moreolder,
.archivelink {
  display : block;
  white-space : nowrap;
  height : 1.4em;
  margin-top: 6px;
}

.buttons {
  margin-top : 1.33em;
  clear : both;
}

.wrap .more a,
.wrap .buttons a,
.wrap .moreolder a,
.wrap .archivelink a {
  float : left;
  padding : 1px 15px 2px 13px;
  background : #F38711 url(i/enav-arrow.gif) 0 50% no-repeat;
  color: #fff;
  font-size: .83em;
  text-transform: uppercase;
  line-height: 1;
  margin-right: 10px;
}

.wrap .more a:hover,
.wrap .more a:focus,
.wrap .more a:active,
.wrap .buttons a:hover,
.wrap .buttons a:focus,
.wrap .buttons a:active,
.wrap .moreolder a:hover,
.wrap .moreolder a:focus,
.wrap .moreolder a:active,
.wrap .archivelink a:hover,
.wrap .archivelink a:focus,
.wrap .archivelink a:active {
  color: #fff;
  text-decoration: none;
  background-color: #777;
  background-position: -200px 50%;
}

.popup a.close {
  background: url(i/close-btn.gif) no-repeat 100% 50%;
  position : absolute;
  top: 14px;
  right: 16px;
  color: #9B9B9B;
  padding-right: 25px;
  padding: 1px 25px 1px 0;
}

.popup a.close:hover,
.popup a.close:focus,
.popup a.close:active { color: #000; }




/* ***** tab-box ***** */

.tab-box {
  border-bottom: 1px solid #717171;
  margin-bottom: 1px;
}

.tab-box ul {
  width: 100%;
  overflow: hidden;
}

.tab-box li {
  float: left;
}

.tab-box li a {
  color: #4D4D4D;
  float: left;
  padding: 3px 20px;
}

.wrap .tab-box a:hover,
.wrap .tab-box a:focus,
.wrap .tab-box a:active {
  color: #333;
}

.tab-box .current a,
.tab-box .current a:hover,
.tab-box .current a:focus,
.tab-box .current a:active {
  background: #717171;
  color: #fff;
}



/* ******  articlelist  ****** */

.articlelist .boxbody { padding-top: 24px; }

.articlelist .boxbody:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }

.articlelist .item {
  margin-bottom : 1em;
  /* padding-left: 210px; */
  padding-top: 28px;
  padding-right: 25px;
  _height:0;min-height:0; /* ie hasLayout fix */
}

.stereo .item {
  float: left;
  clear: left;
  width: 460px;
  background: url(i/al-sep.gif) no-repeat 100% 16px;
  min-height: 150px; _height: 150px;
  position : relative;
}

.articlelist .item:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }

.stereo .itm2,
.stereo .itm4,
.stereo .itm6,
.stereo .itm8,
.stereo .itm10,
.stereo .itm12 {
  background: none;
  padding-right: 0;
  float: right;
  clear: right;
}

.articlelist .item h3 {
  font-size: 1.2em;
  margin : 0;
}

.stereo .item h3 {
  font-size : 1.5em;
  font-weight: normal;
}

.articlelist .item h3 a { color: #4D4D4D; }

.articlelist .item h3 .meta {
  font-size: .75em;
}

.stereo .item h3 .meta { font-size: .6em; }

.stereo .summary { color: #757575; }

.articlelist .summary p { margin : 0; }

.articlelist .more {}

.articlelist .item img {
  float : right;
  margin : 5px 0 1em 1em;
  border: 3px solid #e1e1e1;
}

.img-left .item img {
  float : left;
  margin : -28px 0 0 0;
  border: none;
}

.noborder .item img {
  border: none;
}


.articlelist ul { clear : both; }
.articlelist li { padding-bottom : .7em; }
.articlelist li a {
  font-weight : bold;
  color: #4D4D4D;
}

.articlelist .moreolder a {
  font-size: 1em;
  font-weight: bold;
  padding-top: 2px;
  padding-bottom: 2px;
  margin: 0 auto;
  float: none;
  padding-right: 10px;
}

.stereo .moreolder { clear: both; }

.stereo .moreolder a { float: right; }





/* ****** features ****** */


.features .boxbody {
  padding: 20px 40px;
}

.features .boxbody:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }

.features .item {
  float: left;
  width: 49.9%;
  min-height: 120px; _height: 120px;
}

.features .item img {
  float: left;
}

.features .item h3 {
  margin: 0 0 .4em;
  font-size: 1.5em;
  font-weight: normal;
  padding-right: 40px;
}

.features .item h3 a {
  color: #4D4D4D;
}

.features .summary {
  color: #757575;
  padding-right: 40px;
}

.features .itm2 img,
.features .itm4 img,
.features .itm6 img,
.features .itm8 img,
.features .itm10 img,
.features .itm12 img,
.features .itm14 img,
.features .itm16 img {
  border-left: 1px solid #ECECEC;
}



/* ******  article  ****** */

.article .boxbody {
  padding: 30px 50px 20px 0;
  position : relative;
  min-height: 200px; _height: 200px;
}
.imgbox-left .boxbody {
  padding-left: 210px;
}

.imgbox-leftgallery .boxbody {
  padding-left: 210px;
}


.article .boxbody h2,
.article .boxbody h3,
.article .boxbody h4 { margin-bottom: 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 #ddd; }

.article caption { 
  font-style : italic;
  padding : .2em 0;
  text-align : left;
}

.article th {
  font-weight : bold;
  padding : .4em .6em;
  border-top : 1px solid #eee;
  background-color : #333;
  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;
}

/* .chapters ul {
  list-style : none;
  padding : 0;
  overflow : hidden;
}

.chapters li { margin-right : 1em; }

*/


.chapters {
  position : absolute;
  margin-top: -1.4em;
  top: -12px;
  left: 0;
  border-bottom: 1px solid #F38711;
  width: 969px;
}

.chapters .boxhead { position:absolute;right:19999px;left:auto; }
  
.chapters ul { float: right;   list-style : none; margin-bottom: -5px;}
.chapters li { float: left; }

.chapters li a {
  float: left;
  padding: 5px 24px;
  color: #757575;
}

.chapters h3 {
	display:none;
}

.chapters .parent a,
.chapters .current a {
  background: #F38711;
  font-weight: bold;
  color: #fff;
  padding-left: 15px;
  padding-right: 15px;
}

.wrap .chapters li a:hover,
.wrap .chapters li a:focus,
.wrap .chapters li a:active {
  background: #f5f5f5;
  color: #000;
  text-decoration: none;
}

.wrap .chapters li.current a:hover,
.wrap .chapters li.current a:focus,
.wrap .chapters li.current a:active,
.wrap .chapters li.parent a:hover,
.wrap .chapters li.parent a:focus,
.wrap .chapters li.parent a:active {
  background: #F38711;
  color: #fff;
  text-decoration: underline;
}

.article .dictum {
  background: #f5f5f5 url(i/dictum-quote.gif) no-repeat 100% 100%;
  padding: 6px 75px 2px 9px;
  margin: 5px -50px 8px -6px;
  position : relative;
  min-height: 100px; _height: 100px;
}

.article .dictum h3 {
  margin-top: 0;
}

.article .dictum img {
  padding: 8px 1px 24px 13px;
  background: url(i/dictum-img.gif) no-repeat;
  position : absolute;
  left: -210px;
  top: -6px;
}

.hidesub .subtitle { display: none; }




/* ******  articleindex  ******* */

.articleindex { padding-top: 27px; }

.articleindex li {
  float: left;
  margin: 0 2px 2px 0;
  _display: inline;
}

.articleindex li a {
  float: left;
  padding: 1px 8px 1px 15px;
  color: #fff;
  font-weight: bold;
  background: #969696 url(i/enav-arrow.gif) no-repeat -200px 50%;
}

.articleindex li.current a {
  background-color: #a6a6a6;
}

.wrap .articleindex li a:hover,
.wrap .articleindex li a:focus,
.wrap .articleindex li a:active {
  background-color: #F38711;
  color: #fff;
  text-decoration: none;
  background-position: 0 50%;
}





/* ******  imgbox  ****** */
.imgbox,
.article .imagelist {
  position : static;
  float : right;
  padding : 0;
  margin : 0 0 1.2em 1.2em;
  width : auto;
  border: 3px solid #e1e1e1;
}

.imgbox-left .imagelist,
.wrap .imgbox-left .imgbox {
  position : absolute;
  left: 0;
  top: 0;
  margin: 0;
  border: none;
}

.imgbox-leftgallery .imagelist,
.wrap .imgbox-leftgallery .imgbox {
  position : absolute;
  left: 0;
  margin-top:16px;
  border: none;
}

ul.imagelist,
.imagelist ul {
  list-style: none;
  margin: 0;
  padding: 1em 0 0 0;
}

.imgbox .boxbody {
  display : inline;
  padding : 0;
  margin : 0;
}
.imgbox img,
.imagelist img {
  clear : none;
  float : none;
  margin : 0;
  padding : 0;
}
.imgbox .imgcontent { width : 200px; }

.imgbox .imgtext,
.imagelist .longdesc {
  color : #333;
  font-weight : normal;
  font-size : .92em;
}
.imgbox .imgmeta,
.imagelist small.copyr {
  width : 200px;
  color : #666;
  font-weight : normal;
  font-size : .83em;
}

.pgextra1 .imgbox,
.pgextra2 .imgbox {
  float : none;
  padding : 0;
}
.pgextra1 .imgbox .imgboxbody,
.pgextra1 .imgbox .imgmeta,
.pgextra2 .imgbox .imgboxbody,
.pgextra2 .imgbox .imgmeta { width : auto; }


.imagelist .container {
  overflow: hidden;
  width: 190px;
}
.imagelist li.image {
  width: 190px;
  float: left;
  text-align: center;
}
.imagelist li.image .img {
  display: block;
}
.imagelist .longdesc {
  margin-top: 5px;
}

.imagelist .controls {}
.imagelist .controls a.prev,
.imagelist .controls a.next {
  float: left;
  border: 3px solid #fff;
  padding: 1px 4px 5px 4px;
  line-height: 1;
}
.imagelist .controls a.next {
  float: right;
}
.imagelist .controls a.prev:hover,
.imagelist .controls a.prev:focus,
.imagelist .controls a.prev:active,
.imagelist .controls a.next:hover,
.imagelist .controls a.next:focus,
.imagelist .controls a.next:active {
  background-color: #fed;
  text-decoration: none;
}

.imagelist .controls .direct {
  text-align: center;
  padding: 4px 0;
}
.imagelist .controls .direct span.i {
  padding: 2px 3px;
  color: #999;
}
.imagelist .controls .direct span.current {
  background-color: #fed;
  margin: 0 2px;
  padding-left: 4px;
  padding-right: 4px;
}
.imagelist .controls .direct i { font-style: normal; }






/* ******  ipopup  ****** */
.ipopup-curtain {
  position : fixed;
  _position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  _height: expression(document.body.offsetHeight + "px");
  text-align: center;
  background: #fff;
  opacity: .67;
  -ms-filter: alpha(opacity=67);
  ~filter: alpha(opacity=67);
}

.ipopup-container {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 101;
  color: #fff;
  width: 800px;
  border: 6px double #fff;
  margin: 60px 0 46px -400px;
  padding: 30px 0 0 0;
  text-align: center;
  background: #999;
  min-height: 550px;
  _height: 550px;
}

.ipopup-container-wrapper {}

.ipopup-container .image {
  border-bottom: none;
  position: relative;
  margin: 0 auto;
  padding-bottom: 10px;
  top: -46px;
  padding-top: 46px;
  background: url(i/ipopup-top.png) no-repeat 50% 0;
  _background-image: url(i/ipopup-top.gif);
}

.ipopup-container .image img {
  border: 1px solid #fff;
  margin-bottom: 20px;
}

.ipopup-container .image .title,
.ipopup-container .image .desc {
  margin: 0 50px;
  text-align: center;
  _height:0;~min-height:0; /* ie hasLayout fix */
}

.ipopup-container .image .title {
  display: block;
}

.ipopup-container .paging {}

.ipopup-container .stepper li a {
  /* image replacement */padding:0; display:block; overflow:hidden; border:none; line-height:0; text-indent:-9999em; font-size:1px; letter-spacing:-1em;
  position: absolute;
  top: 0;
  left: 400px;
  _right: -1px;
  width: 400px;
  height: 475px;
  display: block;
  background: url(i/ipopup-next.gif) no-repeat 100% 46px;
  opacity: .75;
  -ms-filter: alpha(opacity=75);
  ~filter: alpha(opacity=75);
}
.ipopup-container .stepper a:hover,
.ipopup-container .stepper a:focus,
.ipopup-container .stepper a:active {
  opacity: 1;
  -ms-filter: alpha(opacity=100);
  ~filter: alpha(opacity=100);
}

.ipopup-container .stepper .next a:hover,
.ipopup-container .stepper .next a:focus,
.ipopup-container .stepper .next a:active { background-position: 349px 46px; }


.ipopup-container .stepper li.prev a {
  background: url(i/ipopup-prev.gif) no-repeat 0 46px;
  left: 0;
}
.ipopup-container .stepper .prev a:hover,
.ipopup-container .stepper .prev a:focus,
.ipopup-container .stepper .prev a:active { background-position: -500px 46px; }


.ipopup-container .close,
.ipopup-container .status,
.ipopup-container li.nav-end a { display: none; }






/* ******  quizbox  ****** */

.quizbox .question { font-weight : bold; }

.quizbox h3 { margin : .5em 0; }

.quizbox .thanks { color : #06b; }

.quizbox li {
  margin-bottom : .5em;
  _height:0;min-height:0;/* ie hasLayout fix */
}

.quizbox label { display : inline; }

.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;
}

.pgmain p.morequizes { overflow : hidden; }





/* ******  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 .boxbody { padding-bottom : 2em; }

.contactform p { clear : both; }

.contactform .fi_txt,
.contactform .fi_bdy,
.contactform .fi_static { clear: left; margin-bottom : .5em; }

.contactform .fi_txt label,
.contactform .fi_bdy label,
.contactform .fi_static span {
  width : 9em;
  float : left;
  margin-top : .2em;
}

.contactform .fi_btn {
  margin-left : 9em;
  _margin-left : 9.2em;
}

.contactform textarea { width : 70%; }





/* ******  quicknav  ****** */

.quicknav {
  overflow : hidden;
  width : 100%;
  border-top: 1px solid #F38711;
  
}

.quicknav .boxhead { position:absolute;right:19999px;left:auto; }

.quicknav .boxbody {
  padding-top: 32px;
  margin-right: -17px;
}

.quicknav ul {
}

.quicknav li {
  float: left;
  margin-right: 15px;
  padding-bottom: 1em;
  _display: inline;
}

.quicknav li a {
  /* image replacement */padding:0; display:block; overflow:hidden; border:none; line-height:0; text-indent:-9999em; font-size:1px; letter-spacing:-1em;
  width: 231px;
  height: 58px;
  background: url(i/quicknav-cat1.gif) no-repeat;
  float: left;
}

.quicknav .cat2 a { background-image: url(i/quicknav-cat2.gif); }
.quicknav .cat3 a { background-image: url(i/quicknav-cat3.gif); }
.quicknav .cat4 a { background-image: url(i/quicknav-cat4.gif); }
.quicknav .cat5 a { background-image: url(i/quicknav-cat5.gif); }
.quicknav .cat6 a { background-image: url(i/quicknav-cat6.gif); }
.quicknav .cat7 a { background-image: url(i/quicknav-cat7.gif); }
.quicknav .cat8 a { background-image: url(i/quicknav-cat8.gif); }
.quicknav .cat9 a { background-image: url(i/quicknav-cat9.gif); }
.quicknav .cat10 a { background-image: url(i/quicknav-cat10.gif); }


.quicknav li a:hover,
.quicknav li a:focus,
.quicknav li a:active { background-position: 0 -58px; }





/* ******  breadcrumbs  ****** */

.breadcrumbs { position:absolute;right:19999px;left:auto; }

.home .breadcrumbs,
.breadcrumbs strong { position:absolute;right:9999px;left:auto; }

.breadcrumbs .boxbody {}

.breadcrumbs span,
.breadcrumbs a {
  text-decoration : none;
  color : #999;
}

.breadcrumbs i { font-style: normal; }





/* ******  mnav  ****** */

.mnav {
  position : absolute;
  top: 107px;
  left: 0;
  width: 967px;
  background: url(i/mnav-bottom.gif) no-repeat 0 100%;
  padding: 0 6px 12px 7px;
  margin-top: -.7em;
  margin-left: -4px;
}
  
.mnav .boxhead { position:absolute;right:9999px;left:auto; }

.mnav .boxbody {
  padding : 0;
  border-top: 1px solid #e6e6e6;
  font-weight: bold;
}
  
.mnav li {
  float: left;
  background: url(i/mnav-hov-top.gif) no-repeat -200px 0;
}

.mnav li a {
  float: left;
  padding: 10px 0 8px;
  /* padding-left: 46px;
  padding-right: 46px; */
  width: 161px;
  background: url(i/mnav-hoover.gif) no-repeat 0 50%;
  display : block;
  _height:0;min-height:0; /* ie hasLayout fix */
  color: #757575;
  text-shadow: #fff 1px 1px 1px;
  text-align: center;
  font-size: 1.1em;
}
.mnav li.home a {
  background-position: 0 100%;
  width: 162px;
}
.wrap .mnav li a:hover,
.wrap .mnav li a:focus,
.wrap .mnav li a:active {
  text-decoration: none;
  color: #fff;
  text-shadow: none;
  background-position: -200px 50%
}

.mnav li.parent,
.mnav li.current { background: #797979 url(i/mnav-curr-right.gif) no-repeat 100% 0; }

.mnav li.parent a,
.mnav li.current a {
  color: #fff;
  text-shadow: none;
}
.wrap .mnav .parent a:hover,
.wrap .mnav .parent a:focus,
.wrap .mnav .parent a:active,
.wrap .mnav .current a:hover,
.wrap .mnav .current a:focus,
.wrap .mnav .current a:active {
  background-position: 0 50%;
}

.mnav li.homecurrent { background: #f9f9f9 url(i/mnav-homecurr.gif) repeat-x; }
.mnav li.homecurrent a {
  color: #4d4d4d;
  text-shadow: #fff 1px 1px 0;
}

.wrap .mnav .homecurrent a:hover,
.wrap .mnav .homecurrent a:focus,
.wrap .mnav .homecurrent a:active {
  color: #000;
  background-color: #fff;
}



/* ******  snav  ****** */

.snav {
  position : absolute;
  margin-top: -1.4em;
  top: 189px;
  left: 2px;
  border-bottom: 1px solid #F38711;
  width: 969px;
}

.snav .boxhead { position:absolute;right:19999px;left:auto; }
  
.snav ul { float: right; }
.snav li { float: left; }

.snav li a {
  float: left;
  padding: 5px 24px;
  color: #757575;
}

.snav .parent a,
.snav .current a {
  background: #F38711;
  font-weight: bold;
  color: #fff;
  padding-left: 15px;
  padding-right: 15px;
}

.wrap .snav li a:hover,
.wrap .snav li a:focus,
.wrap .snav li a:active {
  background: #f5f5f5;
  color: #000;
  text-decoration: none;
}

.wrap .snav li.current a:hover,
.wrap .snav li.current a:focus,
.wrap .snav li.current a:active,
.wrap .snav li.parent a:hover,
.wrap .snav li.parent a:focus,
.wrap .snav li.parent a:active {
  background: #F38711;
  color: #fff;
  text-decoration: underline;
}







/* ******  enav  ****** */

.enav { 
  float: right;
  width: 975px;
  height: 160px;
  position : absolute;
  z-index: 2;
  top: 200px;
  right: 1px;
  background: url(i/logolist-dots.gif) repeat-x 0 100%;
}

.enav .boxhead { position:absolute;right:19999px;left:auto; }

.enav .boxbody {
  padding: 27px 0 0 500px; }

.enav li {
  float: left;
  margin: 1px;
  _display: inline;
}

.enav li a {
  float: left;
  width: 125px;
  background: #969696 url(i/enav-arrow.gif) no-repeat -200px 55%;
  color: #fff;
  padding: 1px 15px;
  display : block;
  _height:0;min-height:0; /* ie hasLayout fix */
}

.enav li.parent a,
.enav li.current a,
.wrap .enav li a:hover,
.wrap .enav li a:focus,
.wrap .enav li a:active {
  background: #F38711 url(i/enav-arrow.gif) no-repeat 0 55%;
  color: #fff;
  text-decoration: none;
}

.enav li.parent a,
.enav li.current a { font-weight: bold; }













/* ******  introbox  ****** */

.introbox {
  margin-bottom: .8em;
  padding-bottom: 17px;
  width: 477px;
  background: url(i/introbox-bottom.gif) no-repeat 0 100%;
  /* float: left; */
  position : relative;
  z-index: 3;
}

.introbox .boxbody {
  background: url(i/introbox-bg.jpg);
  padding: 22px 30px 22px 10px;
  color: #fff;
}

.introbox .boxbody p {
  border-left: 8px solid #4d4d4d;
  display : block;
  padding : 2px 0 2px 0;
  margin-bottom: .2em;
}

.introbox .boxbody p.orange {
  border-color: #f38711;
  padding : 0 0 1px 0;
}

.introbox .boxbody span {
  padding: 3px 20px 3px 0;
  background: #4d4d4d;
}

.introbox .boxbody p.orange span {
  background: #f38711;
  font-size: 1.4em;
  font-weight: bold;
}




/* ****  logolisti  **** */

.logolisti {
  /* background: url(i/logolist-dots.gif) repeat-x; */
  position : relative;
  overflow: hidden;
  z-index: 1;
  width: 970px;
}

.logolisti .boxbody { margin-right: -26px; }

.logolisti .container {
  overflow: hidden;
  position : relative;
  width: 985px;
}

.logolisti ul {
  padding-top: 7px;
  width: 985px;
}

.logolisti .carousel-active ul { float: left; }

.logolisti li {
  float: left;
  text-align: center;
  margin-right: 15px;
  width: 231px;
  _display: inline;
}

.logolisti li a {
  float: left;
  font-weight: bold;
  color: #6C6C6C;
  height: 230px;
}

.logolisti li img {
  width: 225px;
  height: 173px;
  background: no-repeat 50% 50%;
  border: 3px solid #dfdfdf;
}

.logolisti li span {
  display : block;
  padding: 10px 0 0;
}

.wrap .logolisti li a:hover,
.wrap .logolisti li a:focus,
.wrap .logolisti li a:active { color: #333; }

.logolisti li a:hover img,
.logolisti li a:focus img,
.logolisti li a:active img { border-color: #f38711; }

.logolisti .controls {
  position : absolute;
  top: 21px;
  right: 2px;
  padding-left: 20px;
  padding-right: 17px;
  _height:0;min-height:0; /* ie hasLayout fix */
}

.logolisti .direct span {
  /* image replacement */padding:0; display:block; overflow:hidden; border:none; line-height:0; text-indent:-9999em; font-size:1px; letter-spacing:-1em;
  width: 16px;
  height: 16px;
  float: left;
  background: #eee;
  margin-right: 4px;
}

.logolisti .direct span.current { background: #797570; }

.logolisti .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: 16px;
  height: 16px;
  background: #b1b1b1 url(i/arrow-white.gif) no-repeat 50% 50%;
  position : absolute;
  top: 0;
  right: 0;
}

.logolisti .controls a.prev {
  background-image: url(i/arrow-white-back.gif);
  right: auto;
  left: 0;
}

.logolisti .controls a:hover,
.logolisti .controls a:focus,
.logolisti .controls a:active {
  background-color: #666;
}







/* **** companyinfo **** */

.companyinfo { clear: both; }

.companyinfo .boxbody {
  position : relative;
  padding: 0;
  background: #d0d0d0;
}

.companyinfo .boxbody:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }
.companyinfo .boxhead,
.companyinfo .boxhead a { 
  color: #a6a6a6; 
}
.companyinfo h3 {
  font-size : 1.8em;
  font-weight : normal;
  top : 0;
  left : 0;
  margin : 0 0;
  background : #fff;
}
.companyinfo .fullsizeimg {
  float : left;
  background : #fff;
  margin-left : 15px;
  margin-top : 15px;
  position : relative;
  height: 450px;
  overflow: hidden;
  _display: inline;
}
.companyinfo .fullsizeimg img {
  width : 600px;
  display : block;
}

.companyinfo .fullsizeimg .longdesc {
  padding : 4px 8px;
}
.companyinfo .fullsizeimg .longdesc .title,
.companyinfo .fullsizeimg .longdesc .desc {
  padding : 1px 0;
  display : block;
  font-size: .92em;
}
.companyinfo .thumblist {
  margin-top : 13px;
  margin-right : 15px;
  float : right;
  width: 333px;
}
.companyinfo .thumblist ul {
  padding: 0;
}
.companyinfo .thumblist li {
  float: left;
  margin-left: 4px;
  margin-bottom: 4px;
  _display: inline;
}
.companyinfo .itemlist li a {
  float: left;
  border: 2px solid #d0d0d0;
}
.companyinfo .thumblist li.current a,
.companyinfo .thumblist li a:hover,
.companyinfo .thumblist li a:focus,
.companyinfo .thumblist li a:active {
  border-color: #f38711;
}
.companyinfo .thumblist li img {
  width: 103px;
  height: 79px;
  background: #fff no-repeat 50% 50%;
}
.companyinfo .thumblist .more {
  clear: both;
  padding-top: 10px;
  margin: 0 0 1em 6px;
  width: 335px;
  text-align: center;
}
.companyinfo .thumblist .more a {
  color: #fff;
  font-size: 1.25em;
  font-weight: normal;
  display: block;
  padding: 10px;
  float: none;
  background: #969696;
}
.companyinfo .thumblist .more a:hover,
.companyinfo .thumblist .more a:focus {
  background: #F38711;
  color: #fff;
}

.companyinfo .info {
  clear : both;
  display : block;
  border-top : 15px solid #d0d0d0;
  border-bottom : 1px solid #e4e4e4;
  width : 100%;
  overflow : hidden;
  background : #fff url(i/ul-info.gif) repeat-y 33.3% 0;
  margin : 0;
  padding : 0;
}
.companyinfo .info:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }
.companyinfo .info li {
  float: left;
  width: 33.3%;
  border-bottom: 1px solid #e4e4e4;
}
.companyinfo .info li.first,
.companyinfo .info li.last { border-bottom: none; }
.companyinfo .info li p { margin: 0; }
.companyinfo .info li h4 {
  border-bottom: 1px solid #e4e4e4;
  font-size: 1.4em;
  font-weight: normal;
  color: #aaa;
  padding-top: .5em;
  padding-bottom: .2em;
  margin-bottom: 0;
  background: #fff;
}
.companyinfo .info li.last h4 { position:absolute;right:19999px;left:auto; }

.companyinfo .info li .summary {
  font-size: .92em;
  color: #757575;
  padding: 8px 30px 10px 15px;
}

.companyinfo .info p.more a {
  font-size: 1.1em;
  text-transform: none;
  font-weight: bold;
  padding-top: 2px;
  padding-bottom: 2px;
  background: #F38711 url(i/arrow-white.gif) no-repeat 4px 55%;
}

.companyinfo .info p.more a:hover,
.companyinfo .info p.more a:focus,
.companyinfo .info p.more a:active {
  background-color: #666;
}

.companyinfo .paging ul {
  position : absolute;
  top: 6px;
  right: 2px;
  padding-left: 20px;
  padding-right: 17px;
  _height:0;min-height:0;
}
.companyinfo .paging-bottom {
  background : #fff;
  padding-top : 10px;
  overflow : hidden;
}
.companyinfo .paging-bottom ul {
  float : right;
  position : relative;
  right : auto;
  top : auto;
}
.companyinfo .paging li {
  padding : 0;
  margin : 0;
}
.companyinfo .paging .jump strong { position:absolute;right:9999em;left:auto; }

.companyinfo .paging .jump b,
.companyinfo .paging .jump a {
  padding:0; display:block; overflow:hidden; border:none; line-height:0; text-indent:-9999em; font-size:1px; letter-spacing:-1em;
  width: 16px;
  height: 16px;
  float: left;
  background: #eee;
  margin-right: 4px;
}
.companyinfo .paging .jump b { background: #797570; }

.companyinfo .paging .prev a,
.companyinfo .paging .next a {
  padding:0; display:block; overflow:hidden; border:none; line-height:0; text-indent:-9999em; font-size:1px; letter-spacing:-1em;
  width: 16px;
  height: 16px;
  background: #b1b1b1 url(i/arrow-white.gif) no-repeat 50% 50%;
  position : absolute;
  top: 0;
  right: 0;
}
.companyinfo .paging .prev a {
  background-image: url(i/arrow-white-back.gif);
  right: auto;
  left: 0;
}

.companyinfo .paging a:hover,
.companyinfo .paging a:focus,
.companyinfo .paging a:active {
  background-color: #666;
}





/* **** companyinfo-tabpane (extends: companyinfo) **** */



.companyinfo-tabpane .boxbody {
  padding-bottom: 20px;
}

.companyinfo-tabpane h3 { position:absolute;right:9999px;left:auto; }


.companyinfo-tabpane .more {
  position: absolute;
  bottom: 20px;
  right: 14px;
  margin: 0;
  padding: 0;
  height: auto;
}

.companyinfo-tabpane .more a {
   border: 1px solid #fff;
   color: #fff;
   text-align: center;
   padding: 5px 0;
   width: 324px;
   background: #717171;
   text-transform: none;
   font-size: 1.2em;
   font-weight: bold;
   margin: 0;
}

.companyinfo-tabpane .more a:hover,
.companyinfo-tabpane .more a:focus,
.companyinfo-tabpane .more a:active {
  background-color: #F38711;
}




/* ****  prodnav  **** */

.prodnav {
  position : absolute;
  top: -37px;
  left: 17px;
}

.prodnav .boxhead,
.prodnav .boxhead a {
  padding:0; display:block; overflow:hidden; border:none; line-height:0; text-indent:-9999em; font-size:1px; letter-spacing:-1em;
  width: 142px;
  height: 37px;
  background: url(i/prodnav.png) no-repeat 50% 0;
  float: left;
  margin-top: 0;
}

.prodnav .boxbody { float: left; }

.prodnav li {
  float: left;
  background: url(i/prodnav.png) no-repeat 100% 100%;
}

.prodnav li a {
  float: left;
  padding:0; display:block; overflow:hidden; border:none; line-height:0; text-indent:-9999em; font-size:1px; letter-spacing:-1em;
  width: 111px;
  height: 37px;
  background: url(i/prodnav.png) no-repeat 50% -50px;
  margin-right: 1px;
  _display: inline;
}
.prodnav .cat1 a { background-position: 50%   -50px; }
.prodnav .cat2 a { background-position: 50%  -100px;  width: 131px; }
.prodnav .cat3 a { background-position: 50%  -150px; }
.prodnav .cat4 a { background-position: 50%  -200px; }
.prodnav .cat5 a { background-position: 50%  -250px; }
.prodnav .cat6 a { background-position: 50%  -300px; }
.prodnav .cat7 a { background-position: 50%  -350px; }
.prodnav .cat8 a { background-position: 50%  -400px; }
                                        

.prodnav li.parent a,
.prodnav li.current a,
.prodnav li a:hover,
.prodnav li a:focus,
.prodnav li a:active { background-color: #373737; }









/* ******  monthlist ****** */

.pgmain 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; }
.pgextra1 .calendar,
.pgextra2 .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;
}
.advert .boxhead { position:absolute;right:19999px;left:auto; }

.advert img { margin-bottom: 1em; }





/* ******  loginpagebox  ****** */

.loginpagebox label {
  width : 7em;
  float : left;
  margin-top : .2em;
}

.loginpagebox .submit,
.loginpagebox .fi_btn { margin-left : 7em; }





/* ******  qsearch  ****** */

.qsearch {
  position : absolute;
  top : 59px;
  margin-top : -.8em;
  right : 20px;
  width : 261px;
}

.qsearch .boxhead,
.qsearch label { position:absolute;right:9999px;left:auto; }

.qsearch .boxbody { padding : 0; }

.qsearch .fi_txt input {
  width : 222px;
  float: left;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-right: 4px;
}

.qsearch .fi_btn input {
  /* image replacement */padding:0; display:block; overflow:hidden; border:none; line-height:0; text-indent:-9999em; font-size:1px; letter-spacing:-1em;
  width: 26px;
  height: 26px;
  background: url(i/qsearch-btn.gif) no-repeat;
  float: left;
  margin-top: -1px;
  position : relative;
}

.qsearch .fi_btn input:hover,
.qsearch .fi_btn input:focus,
.qsearch .fi_btn input:active { background-position : 0 -26px; }



/* ******  searchresults  ****** */
.searchresults .boxbody {
  padding-left: 266px;
  background: url(i/searchresults.png) 0 0 no-repeat;
  _height:200px;
  min-height:200px;
}
.searchresults h1 {
  font-weight: normal;
  font-size: 1.8em;
}
.searchresults h1 i {
  color: #F38711;
}
.searchresults form {
  margin-bottom: 1em;

}
.searchresults form .fi_txt label { 
  display: block;
  margin-bottom: .5em;
}
.searchresults form .fi_txt input {
  width: 250px;
  padding: 4px 5px;
}
.searchresults form .fi_btn input {
  padding: 0 10px;
  font-size: 1.4em;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.searchresults form strong,
.searchresults form .fi_chk { display: block; }

.searchresults .item h3 {
  font-size: 1.5em;
  margin-bottom: 0;
  font-weight: normal;
}
.searchresults .item h3 a {
  color: #757171;
}
.searchresults .item h3 small {
  font-size: 1em;
  width: 1.3em;
  display: inline-block;
  color: #F38711;
}
.searchresults .item .summary {
  padding-left: 2.5em;
}
.searchresults .item .more a {
  padding: 0;
  background: none;
  float: none;
  color: #F38711;
  font-size: 1.09em;
  text-transform: none;
}
.searchresults .item .more a:hover,
.searchresults .item .more a:focus {
  text-decoration: underline;
}

.searchresults .paging {
  border-top: 1px solid #ddd;
  overflow: hidden;
  padding: 4px 0;
  margin: 2em 0;
}
.searchresults .paging-top {
  border-top: 0;
  border-bottom: 1px solid #ddd;
}
.searchresults .paging .status {
  float: left;
  margin: 0;
}
.searchresults .paging li {
  margin: 0 4px;
}
.searchresults .paging .stepper {
  float: right;
  padding-right: 6em;
  position: relative;
}
.searchresults .paging .next {
  position: absolute;
  right: 0;
}
.searchresults .paging .prev {
  float: left;
}
.searchresults .paging .jump {
  float: left;
  max-width: 15em;
}




/* ******  sitemap  ****** */
.sitemap .boxbody {
  padding-bottom: 3em;
}
.sitemap .level1 ul {
  margin: 0;
  padding: 5px 0 1px;
  clear: both;
}
.sitemap li { 
  width: 15em;
  margin-bottom: 1em;
  position: relative;
}
.sitemap .level2 li {
  width: 18em;
  padding: 1px 0 0 26px;
  margin-bottom: .5em;
  background: url(i/sitemap-step.png) 11px 0 no-repeat;
}
.sitemap .level3 li {
  width: 14em;
}
.sitemap a,
.sitemap i {
  display: block;
  padding: 2px 10px 2px 25px;
  background: #f8f8f8 none 95% 45% no-repeat;
  font-size: 1.17em;
  border: 1px solid #d9d9d9;
  color: #3f3f40;
  _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 { background-color: #fff; border-color: #d9d9d9; font-size: 1em; }
.sitemap .level3 a,
.sitemap .level3 i { background-color: #f8f8f8; }
.sitemap .level4 a,
.sitemap .level4 i { background-color: #fff; }

.sitemap .boxbody a:hover,
.sitemap .boxbody a:focus,
.sitemap .boxbody a:active { 
  border-color: #595959;
  background: #747474;
  color: #fff;
  text-decoration: none;
}
.sitemap .boxbody i:hover { border-color: #aaa; }


.sitemap li.closed ul {
  display: none;
}
.sitemap .boxbody a.expand {
  ~position: absolute;
  ~top:0;
  ~left: 0;
  display: block;
  float: left;
  margin: 3px;
  padding: 0;
  width: 14px;
  height: 1.25em;
  overflow: hidden;
  text-indent: -999em;
  border: none;
  background: url(i/sitemap-expand.png) 0 50% no-repeat;
}
.sitemap .boxbody .level2 a.expand {
  left: 26px;
}
.sitemap .boxbody .open > a.expand {
  background-position: -500px 50%;
}
.sitemap .boxbody a.expand:hover,
.sitemap .boxbody a.expand:focus {
  background-color: transparent;
}







/* ******  people  ******* */

.people table { width: 100%; }

.people table th,
.people table td { 
  padding: 6px 6px 6px 11px;
  border-bottom: 1px solid #161717;
}

.people th.col1 { width: 30%; }
.people th.col2 { width: 30%; }
.people th.col3 { width: 20%; }
.people th.col4 { width: 30%; }

.people table td a {
  display : block;
}
.people .subrow a {
  display : inline;
}

.people .even td { background : #fcfbd4; }


.people .subrow a.close {
  display : block;
  background : #161717  url(i/people-close.gif) 6px 50% no-repeat;
  border-right : 1px solid #161717;
  border-left : 1px solid #161717;
  padding : 3px 22px;
  color : #fff;
}

.people .close:hover {
  background-color : #999;
  color : #fff;
  text-decoration : none;
}

.people .open { display : none; }

.people .subrow {
  width : 100%;
}
.people .subrow td {
  padding : 0; 
}






/* ******  persona  ******* */

.persona .content { padding-bottom : 2em; }

.persona h3 { font-size : 1.33em; }

.persona li { margin-bottom: .3em; }

.persona li b {
  display : inline;
  font-weight : normal;
}

.persona .title b { font-weight : bold; }

.persona .image {
  padding : 0 20px .75em 0;
  float : left;
}


td .persona {
  padding : 15px 10px 13px 157px;
  margin : 0;
  width : auto;
  background : 0;
  border : 1px solid #513f17;
  border-top : none;
  border-bottom : none;
}

td .persona .content { _height : auto; }

td .persona .content {
  padding : 0;
  _height:142px;min-height:142px;
}

td .persona h3 {
  font-size : 1.67em;
  margin-top : 0;
  padding-top : 10px;
  padding-bottom : 5px;
}

td .persona .image {
  padding-bottom : 0;
  margin : 0 0 0 -116px;
}

td .persona .image img {
  border : 1px solid #fff;
  padding : 0;
  max-height : 140px;
  max-widtht : 105px;
}

td .persona .info { margin-right : 20px; }






/* ******  subscr  ****** */

.subscr-popup {
  clear: left;
  position : absolute;
  top: 77px;
  left: 262px;
  z-index: 100;
  width: 449px;
  height: 531px;
  background: url(i/subscr-popup.png) no-repeat;
  _background-image: url(i/subscr-popup.gif);
}

.subscr-popup .boxbody { padding: 325px 90px 0; }

.subscr-popup p.desc {
  text-align: center;
  text-transform: uppercase;
  font-size: 1.5em;
  color: #666;
  position : absolute;
  left: 0;
  top: 248px;
  width: 449px;
  margin-top: -.7em;
}

.subscr-popup .fi_txt { margin-bottom: .2em; }

.subscr-popup .fi_txt label {
  color: #757575;
  font-size: .92em;
  padding-left: 2px;
}

.subscr-popup .fi_txt input {
  width: 98%;
  background: #fff;
}

.subscr-popup .fi_btn {
  margin-top: 27px;
  float: right;
  padding-left: 3px;
  background: url(i/popup-btn-left.gif) no-repeat 0 50%;
}

.subscr-popup .fi_btn input {
  background: url(i/popup-btn-right.gif) no-repeat 100% 50%;
  font-size: 1.5em;
  color: #757575;
  border: none;
}

.subscr p.moreolder a { position : relative; }





/* ****** contact-popup ****** */

.contact-popup {
  position : absolute;
  clear: left;
  top: 150px;
  left: 2px;
  z-index: 100;
  width: 904px;
  height: 463px;
  padding: 109px 0 0 67px;
  background: url(i/contact-popup.png) no-repeat;
  _background-image: url(i/contact-popup.gif);
}

.contact-popup .act a.close { background-image: url(i/close-btn2.gif); }

.contactnav ul {
  margin-bottom: -4px;
  width: 100%;
  overflow: hidden;
  position : relative;
  z-index: 2;
}

.contactnav li {
  float: left;
  background: url(i/contactnav-curr-cat1.gif) no-repeat -271px 0;
  position : relative;
  margin-right: 12px;
}

.contactnav li.current { background-position: 0 0; }

.contactnav li.cat2 { background-image: url(i/contactnav-curr-cat2.gif); }
.contactnav li.cat3 { background-image: url(i/contactnav-curr-cat3.gif); }

.contactnav li a {
  float: left;
  text-transform: uppercase;
  font-size: 1.5em;
  text-align: center;
  padding-top: 140px;
  width: 271px;
  height: 78px;
  color: #848484;
  background: url(i/contactnav-cat1.png) no-repeat 50% 40%;
  _background-image: url(i/contactnav-cat1.gif);
}

.contactnav li strong { font-weight: normal; }

.contactnav li.cat2 a {
  background-image: url(i/contactnav-cat2.png);
  _background-image: url(i/contactnav-cat2.gif);
}

.contactnav li.cat3 a {
  background-image: url(i/contactnav-cat3.png);
  _background-image: url(i/contactnav-cat3.gif);
}


.contactnav li.current a:hover,
.contactnav li.current a:focus,
.contactnav li.current a:active { color: #848484; }






/* ******  contactpane  ****** */

.contactpane {
  clear: both;
  background: url(i/contactpane-bottom.gif) no-repeat 0 100%;
  width: 837px;
  position : relative;
  z-index: 1;
}

.contactpane .boxhead { position:absolute;right:9999px;left:auto; }

.contactpane .boxbody {
  background: url(i/contactpane-top.gif) no-repeat;
  color: #757575;
  padding: 24px 42px 27px;
}

.contactpane .boxbody:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }

.contactpane .focustarget { position:absolute;right:19999px;left:auto; }

.contactpane p strong {
  font-size: 1.7em;
  font-weight: normal;
}

.contactpane p span {
  font-size: 1.4em;
  font-weight: bold;
}

.contactpane fieldset {
  float: left;
  width: 267px;
  margin-right: 40px;
}


.contactpane .fi_txt,
.contactpane .fi_sel,
.contactpane .fi_bdy { margin-bottom: .2em; }

.contactpane .fi_bdy {
  float: left;
  width: 300px;
}

.contactpane .fi_txt label,
.contactpane .fi_sel label,
.contactpane .fi_bdy label {
  color: #757575;
  font-size: .92em;
  padding-left: 2px;
}

.contactpane .fi_txt input,
.contactpane .fi_sel select,
.contactpane .fi_bdy textarea {
  width: 98%;
  background: #fff;
}

.contactpane .fi_sel select { width: 100%; }

.contactpane .fi_bdy textarea {
  height: 94px;
  ~height: 100px;
}

.contactpane .fi_bdy textarea { width: 342px; }


.contactpane .fi_btn {
  margin-top: 90px;
  ~margin-top: 97px;
  float: right;
  padding-left: 3px;
  background: url(i/popup-btn-left.gif) no-repeat 0 50%;
}

.contactpane .fi_btn input {
  background: url(i/popup-btn-right.gif) no-repeat 100% 50%;
  font-size: 1.5em;
  color: #757575;
  border: none;
}


.contactpane .fi_qty {
  position : absolute;
  top: 56px;
  right: 21px;
  width: 94px;
}

#cp_email .fi_qty { top: 25px; }








/* ******  footer  ****** */

.footer {
  background: url(i/footer-bottom.gif) no-repeat 0 100%;
  padding-bottom: 2px;
  padding-top: 1px;
  position : relative;
}

.footer .boxhead {
  position : absolute;
  left: 1px;
  top: 3px;
  width: 127px;
  height: 61px;
  font-size: 1em;
  padding: 0;
}
.footer .boxhead a {
  /* image replacement */padding:0; display:block; overflow:hidden; border:none; line-height:0; text-indent:-9999em; font-size:1px; letter-spacing:-1em;
  width: 127px;
  height: 61px;
  background: url(i/footer-boxhead.gif) no-repeat;
}

.footer .boxbody {
  background: url(i/footer-top.gif) no-repeat;
  font-size: .92em;
  color: #9C9B9B;
  padding: 27px 20px 0 161px;
  min-height: 36px; _height: 36px;
}

.footer .boxbody:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }

.footer a { color: #9C9B9B; }
.footer p { float: left; }
.footer i { margin: 0 5px; }

.footer .act {
  float: right;
  width: 190px;
  margin-top: -12px;
}

.footer .act a.contact {
  font-size: 1.6em;
  background: url(i/footer-contact.gif) no-repeat;
  color: #4D4D4D;
  padding: 8px 4px 12px 44px;
  display : block;
  _height:0;min-height:0; /* ie hasLayout fix */
}





/* ******  byggiraeplica  ****** */

.byggiraeplica {
  padding-top : 20px;
  padding-right: 10px;
  text-align : right;  
  _height:0;min-height:0; /* ie hasLayout fix */
}
.byggiraeplica a {
  /* inline IR */display:inline-block; overflow:hidden; width:0; height:1px; font-size:1px; line-height:0; vertical-align:-2px;
  padding-left : 135px;
  padding-top : 19px;
  background : url(http://codecentre.eplica.is/f/ba_e2-b25.png) 0 0 no-repeat;  /* (Black)  -- Use `ba_e2-w.png` for white */
  _background-image : none;
  _filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://codecentre.eplica.is/f/ba_e2-b25.png',sizingMethod='crop');
}






/* ******  imgbanner  ****** */

.imgbanner {}





/* ****** pagestyle  ****** */

.pagestyle { 
  position : absolute;
  top : 50px;
  right : 291px;
  width: 100px;
}
.pagestyle .boxhead { position:absolute;right:9999px;left:auto; }

.pagestyle ul {
  padding-right: 26px;
  position : relative;
}

.pagestyle li { float : right; }

.pagestyle a {
  /* image replacement */padding:0; display:block; overflow:hidden; border:none; line-height:0; text-indent:-9999em; font-size:1px; letter-spacing:-1em;
  width: 22px;
  height: 22px;
  background : url(i/font-dwn.gif) no-repeat;
}

.pagestyle .up a { background-image : url(i/font-up.gif); }

.pagestyle .userstyles a {
  background-image : url(i/font-settings.gif);
  position : absolute;
  right: 0;
  top: 0;
}

.pagestyle a:hover,
.pagestyle a:focus,
.pagestyle a:active { background-position: 0 -22px; }





/* ****** curtain ****** */

.curtain {
  position: absolute;
  z-index: 99;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  _height: expression(document.body.offsetHeight + "px");
  background: url(i/curtain.png);
  _background: url(i/curtain.gif);
}





/* **** lightbox (popup) **** */
.lightbox {
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(i/curtain.png);
  _background: url(i/curtain.gif);
  line-height: 1.2;
}
.lightbox .box {
  position: relative;
  margin: 112px auto 0 auto;
  text-align: left;
  padding: 0 40px 45px 40px;
  width: 746px;
  min-height: 448px;
  _height:    448px;
  background: url(i/lbox/bg-bottom.png) 0 100% no-repeat;
  _background-image: url(i/lbox/bg-bottom-8bit.png);
}
.lightbox h2 {
  position: relative;
  top: -76px;
  margin: 0 -40px -76px -40px;
  padding: 45px 40px 5px 102px;
  min-height: 27px;
  _height:    27px;
  background: url(i/lbox/bg-top.png) 0 0 no-repeat;
  _background-image: url(i/lbox/bg-top-8bit.png);
  color: #fff;
  font-weight: normal;
  font-size: 2em;
}

.lightbox .listscroller-wrapper .item {
  position: absolute;
  top: 0;
  left: 60px;
}

.lightbox .listscroller-wrapper .overflow { display: none; }



.lightbox .paging {
  position: absolute;
  right: 40px;
  bottom: 45px; 
}
.lightbox .paging .status {
  float: left;
  margin: 4px 10px 0 0;
  word-spacing: 1px;
  color: #bbb;
}
.lightbox .paging .status * {
  font-weight: normal;
  font-style: normal;
}
.lightbox .paging .status b {
  font-weight: bold;
  color: #fff;
}

.lightbox .paging .jump {
  display: none;
}


.lightbox .paging .stepper {
  float: right;
}
.lightbox .paging li {
  float: right;
  margin: 0 0 0 2px;
}
.lightbox .paging li a {
  /* image replacement */padding:0; display:block; overflow:hidden; line-height:0; text-indent:-9999px; text-align:left; font-size:1px; letter-spacing:-1em;
  width: 21px;
  height: 23px;
  background: url(i/lbox/arrows.png) 0 -23px no-repeat;
}
.lightbox .paging li a:hover,
.lightbox .paging li a:active {
  background-position: 0 -46px;
}
.lightbox .paging li.next a {
  background-position: -21px -23px;
}
.lightbox .paging li.next a:hover,
.lightbox .paging li.next a:active {
  background-position: -21px -46px;
}
.lightbox .at-top .paging li.prev a {
  background-position: 0 0;
}
.lightbox .at-bottom .paging li.next a {
  background-position: -21px 0;
}



.lightbox a.closebtn {
  /* image replacement */padding:0; display:block; overflow:hidden; line-height:0; text-indent:-9999px; text-align:left; font-size:1px; letter-spacing:-1em;
  width: 44px;
  height: 44px;
  background: url(i/lbox/closebtn-8bit.png) 0 0 no-repeat;
  position: absolute;
  top: -64px;
  right: 16px;
}
.lightbox a.closebtn:hover,
.lightbox a.closebtn:focus,
.lightbox a.closebtn:active {
  background-position: 0 -44px;
}








/* ******  links  ****** */
div.wrap a:hover,
div.wrap a:focus,
div.wrap a:active { color : #F38711;  text-decoration : underline; }
body a[name],
body a[name]:hover { color : inherit; text-decoration : inherit; }






/*********************/
/******* HOME ********/
/*********************/



/* **** layout **** */

.home .pghead { height: 150px; }

.home .pgmain .wrap { margin-right: -14px; }




/* **** sbox **** */

.sbox {
  width: 231px;
  background: url(i/sbox-bottom.gif) no-repeat 0 100%;
  float: left;
  margin-right: 15px;
  _margin-right: 12px;
  _display: inline;
  position : relative;
  min-height: 180px; _height: 180px;
  margin-bottom: .7em;
}

.sbox1 { background-image: url(i/sbox1-bottom.jpg); }
.sbox2 { background-image: url(i/sbox2-bottom.jpg); }
.sbox3 { background-image: url(i/sbox3-bottom.jpg); }


.sbox .boxhead {
  padding: 26px 10px 0 20px;
  font-size: 1.3em;
  font-weight: bold;
  color: #595959;
  margin-bottom: 0;
  position : absolute;
  left: 0;
  top: 0;
  width: 201px;
  margin-top: -.7em;
  font-weight: normal;
}

.sbox .boxhead span {
  display : block;
  font-size: .8em;
  color: #F6A439;
  line-height: .9;
  position : relative;
}

.sbox .boxbody {
  background: url(i/sbox-top.gif) no-repeat;
  padding: 47px 19px 42px;
}

.sbox ul {
  font-size: .92em;
  font-weight: bold;
  text-transform: uppercase;
}

.sbox li { margin-bottom: 2px; }

.sbox li a {
  background: #a6a6a6 url(i/enav-arrow.gif) no-repeat -201px .44em;
  color: #fff;
  padding: 1px 5px 1px 14px;
  display : block;
  _height:0;min-height:0; /* ie hasLayout fix */
}

.sbox li.parent a,
.sbox li.current a,
.wrap .sbox li a:hover,
.wrap .sbox li a:focus,
.wrap .sbox li a:active {
  background: #F38711 url(i/enav-arrow.gif) no-repeat -1px .44em;
  color: #fff;
  text-decoration: none;
}

.sbox li.parent a,
.sbox li.current a { font-weight: bold; }

.sbox .more,
.sbox .moreolder {
  height: 1em;
}

.sbox .more,
.sbox .moreolder {
  position : absolute;
  bottom: 12px;
  left: 0;
  width: 231px;
  text-align: center;
}

.sbox .more a,
.sbox .moreolder a {
  font-size: 1em;
  font-weight: bold;
  padding-top: 2px;
  padding-bottom: 2px;
  margin: 0 auto;
  float: none;
  padding-right: 10px;

}

.sbox1 .more a,
.sbox1 .moreolder a,
.sbox3 .more a,
.sbox3 .moreolder a,
.sbox-mappa .more a,
.sbox-mappa .moreolder a {
  background-color: #a6a6a6;
  background-position: -200px 55%;
}

.sbox1 .moreolder a:hover,
.sbox1 .moreolder a:focus,
.sbox1 .moreolder a:active,
.sbox3 .moreolder a:hover,
.sbox3 .moreolder a:focus,
.sbox3 .moreolder a:active,
.sbox-mappa .moreolder a:hover, 
.sbox-mappa .moreolder a:focus, 
.sbox-mappa .moreolder a:active {
  background-color: #F38711;
  background-position: 0 55%;
}


.sbox-mappa .boxhead { position:absolute;right:9999px;left:auto; }
.sbox-mappa .boxbody { padding-top: 33px; }
.sbox-mappa .crossfader-active a,
.sbox-mappa .crossfader-active img {
  position: absolute;
}


.sbox2 .moreolder { text-align: left; }
.sbox2 .moreolder a {
  margin: 0 0 0 19px;
  position : relative;
}

.sbox5 {
  margin-right: 0;
}

.sbox5 p { font-size: .92em; color: #757575; }
.sbox5 h3 { display: none; }
.sbox5 .more {
  bottom: 14px;
  height: 48px;
  left: 9px;
  position: absolute;
}
.sbox5 .more a { 
  background: url(i/twitter.png) 0 0 no-repeat;
  height: 50px;
  width: 210px;
  overflow: hidden;
  text-indent: -9999em;
  display: block;
  padding: 0;
  margin: 0;
}
.sbox5 .more a:hover,
.sbox5 .more a:focus {
  background-position: 0 -50px;
  background-color: transparent;
}



/* **** articlelist **** */

.home .articlelist .boxbody { padding-top: 0; }

.home .articlelist .item {
  float: left;
  clear: none;
  width: 286px;
  padding: 18px 20px 20px 20px;
  background: url(i/al-sep.gif) no-repeat 0 18px;
  margin-bottom: 0;
}

.home .articlelist .itm1 { background: none; }

.home .articlelist .item h3 {
  font-size: 1.7em;
  margin-bottom: .2em;
  font-weight: normal;
}

.home .articlelist .item h3 span {
  display : block;
  color: #F48D08;
  font-size: .6em;
  font-weight: bold;
  margin-top: -2px;
}

.home .articlelist .summary {
  color: #757575;
}

.home .articlelist .more a {
  background: #bbb url(i/enav-arrow2.gif) -200px 50% no-repeat;
}
.home .articlelist .more a:hover,
.home .articlelist .more a:focus,
.home .articlelist .more a:active {
  background-color: #F48D08;
  background-position: 0 50%;
}




/* **** displaybox **** */

.displaybox {
  position : relative;
  background: url(i/home/imgbanner-bottom.gif) no-repeat 0 100%;
  padding-bottom: 17px;
}
.displaybox .boxhead { position:absolute;right:9999em;left:auto; }

.displaybox .boxbody {
  background: url(i/home/webs-bg.png) no-repeat 0 0;
  width : 974px;
}
.displaybox .boxbody,
.displaybox ul {
  height : 207px;
  position : relative;
  overflow : hidden;
}
.displaybox ul {
  padding-left : 62px;
  display : block;
}
.displaybox li {
  float : left;
  margin : 0 42px 0 0;
  padding : 0;
  width : 180px;
  height : 207px;
  position : relative;
  background : url(i/home/floor.png) 0 190px no-repeat;
}
.displaybox li a {
  position : absolute;
  top : 32px;
  left : 0px;
  display : block;
}
.displaybox li a:hover {
  border : 2px solid #840;
  margin : -2px;
}
.displaybox-active li {
  background : none;
  display : block;
}
.displaybox-active li div.shadow {
  position : absolute;
  top : 170px;
  left : 0px;
  height : 40px;
  width : 180px;
  display : block;
  background : url(i/home/floor.png) 0 0 no-repeat;
}
.displaybox li img {
  height : 135px;
  width : 180px;
  position : relative;
  z-index : 99;
}
.displaybox canvas {
}

/*
.displaybox canvas {
  position : absolute;
  top : 0px;
  left : 0px;
}
*/



/* *** Jólaskraut *** * 
body {
  background-image: url(i/jola/body-bg.png);
}
.jolaskraut .kerti {
  background: url(i/jola/candles.png) 0 0 no-repeat;
  display: block;
  width: 108px;
  height: 85px;
  position: absolute;
  top: 100px;
  left: 0;
  z-index: 100;
  display: none;
}
.jolaskraut .grein {
  background: url(i/jola/flowers.png) 0 0 no-repeat;
  display: block;
  width: 83px;
  height: 73px;
  position: absolute;
  top: 400px;
  left: -30px;
  z-index: 100;
}
.qsearch .fi_btn input {
  background: url(i/jola/hufa.png) 0 0 no-repeat;
  width: 52px;
  height: 46px;
  margin: -9px -30px 0 0;
}

.qsearch .fi_btn input:hover,
.qsearch .fi_btn input:focus {
  background-position: 0 0;
}
*/