.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 */
html, body { height : 100%; }

body {
  background : #fff;
  margin : 0;
  padding : 0;
  color : #333;
  line-height : 1.2;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  background: url(i/body-bg.gif) repeat-x;
}

body,
body.zoom1 { font-size : 11px;  _font-size :  68.75%; }
body.zoom2 { font-size : 13px;  _font-size :  81.25%; } 
body.zoom3 { font-size : 15px;  _font-size :  93.75%; }


.bodywrap {
  position : relative;
  width : 770px;
  margin : 0;
  text-align : left;
  background: url(i/bodywrap-2-bg2.gif) repeat-y;
}

.width1 .bodywrap {
  width : 970px;
  background-image: url(i/bodywrap-2-bg.gif);
}
.threecol .bodywrap { background-image: url(i/bodywrap-3-bg2.gif); }
.width1 .threecol { background-image: url(i/bodywrap-3-bg.gif); }


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

.article ul {
  list-style : disc;
  padding-left : 2.5em;
  margin-bottom : .7em;
}
.article li { margin-bottom : .54em; }



a {
  color : #4472B0;
  text-decoration: none;
}



acronym {
  cursor : help;
  border : none;
}
acronym:hover { border-bottom : 1px dotted #ddd; }


img {
  margin : 0;
  padding : 0;
  border : none; 
  vertical-align : middle;
}


h1, h2, h3, h4 {
  margin-top : 0;
  margin-bottom : 0;
  color: #254F89;
}
h1 {
  font-size : 1.27em;
  margin-bottom : .7em;
}
h2 {
  font-size : 1.27em;
  margin-top : 1.57em;
  margin-bottom : .1em;
}
h3 {
  font-size : 1.27em;
  margin-top : 1em;
  margin-bottom : .1em;
}
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; }
select,
textarea,
.textinput,
.fi_txt input {
  border : 1px solid #D4D4D4;
  background : #fff;
  color : #000;
}

.pageextra1 select,
.pageextra1 textarea,
.pageextra1 .textinput,
.pageextra1 .fi_txt input,
.pageextra2 select,
.pageextra2 textarea,
.pageextra2 .textinput,
.pageextra2 .fi_txt input { width : 98%; }

.button,
.fi_btn input {
  cursor : pointer; 
  _cursor : hand;
  background : #fff;
  border : 1px solid #D4D4D4;
  color : #989898;
  font-weight: bold;
}
.button:hover,
.button:focus,
.fi_btn input:hover,
.fi_btn input:focus {
  border-color : #254F89;
  color : #254F89;
}


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



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

.pageheader .wrapper,
.pagebody .wrapper,
.pageextra1 .wrapper,
.pageextra2 .wrapper,
.pageextra3 .wrapper,
.pageextra4 .wrapper,
.pageextra5 .wrapper { _height:0;min-height:0; /* ie hasLayout fix */ }


.pageheader { background: url(i/body-bg.gif) repeat-x; }

.pageheader .wrapper { background: url(i/ph-bg-770.gif) no-repeat 0 100%; }

.width1 .pageheader .wrapper { background-image: url(i/ph-bg-970.gif); }

.pageheader .brand { background: url(i/brand-bg.gif) no-repeat 260px 47px; }
.pageheader .brand span { display: none; }
.pageheader .sitelogo {
  margin-top: 13px;
  margin-bottom: 102px;
}


.pagebody {
  float : left;
  margin-left : 173px;
  width : 584px;
  margin-top: -59px;
  margin-bottom: -20px;
  position: relative;
  z-index: 21;
  _display : inline;
  min-height: 400px; _height: 400px;
}
.width1 .pagebody {
  width : 784px;
}
.threecol .pagebody {
  width : 404px;
  margin-right : 180px;
}
.width1 .threecol .pagebody { width: 604px; }


.pagebody .wrapper {
  padding : 0 18px;
  position: relative;
  min-height : 80px; /* (-1*(parentNode.marginTop + parentNode.marginBottom)) + 1  <--- Firefox 2.0 bug */
}

.pageextra1 {
  float : left;
  width : 165px;
  margin-left : -749px;
  _display : inline;
  margin-top: -59px;
}

.width1 .pageextra1 {
  margin-left : -949px;
}

.pageextra1 .wrapper { padding: 9px 8px 20px 6px; }

.pageextra2 {
  float : left;
  width : 163px;
  _display : inline;
  margin-left : -164px;
  _margin-left : -164px;
  margin-top: -59px;
  background: url(i/p2-bg.gif) no-repeat;
}
.pageextra2 .wrapper { padding: 9px 4px 20px 7px; }


.pageextra5 {
  clear : both;
  background: #fff url(i/p5-bg-770.gif) no-repeat;
}
.width1 .pageextra5 { background-image: url(i/p5-bg-970.gif); }
.threecol .pageextra5 .wrapper { background: url(i/p5-bg-3fix.gif) no-repeat 593px 0; }
.width1 .threecol .pageextra5 .wrapper { background-position: 793px 0; }




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


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

.pageextra1 .box,
.pageextra2 .box { margin-bottom: 10px; }

.boxhd {
  padding-top : .96em;
  margin-top: 0;
  color: #254F89;
  background: url(i/dot-line-double.gif) repeat-x 0 100%;
  font-size: 1.27em;
  padding-bottom: 8px;
  position: relative;
  margin-bottom: 12px;
}

.pageextra1 .box .boxhd,
.pageextra2 .box .boxhd {
  background: url(i/p1p2-boxhd.gif) no-repeat;
  font-size: 1em;
  padding: 7px 8px 0 8px;
  margin-bottom: 6px;
}

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

.pagebody .box .content { padding-left: 20px; }

.pageextra1 .box .content,
.pageextra2 .box .content {
  background: url(i/dot-line-double.gif) repeat-x;
  padding: 6px 5px 0 15px;
}

.pageextra2 .box .content { padding-left: 7px; }

.pageextra1 .box .content:after,
.pageextra2 .box .content:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }

.pageextra1 .box .content li,
.pageextra2 .box .content li { _display: inline; }

.pageextra1 .box .content li a,
.pageextra2 .box .content li a {
  color: #333333;
  padding: 2px 0;
  display: block;
}



/* ********************************** */
/* 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;
}
.buttons {
  margin-top : 1.33em;
  clear : both;
  border-top : 1px solid #E6E6E6;
  padding-top: 8px;
}
.wrapper .more a,
.wrapper .buttons a,
.wrapper .moreolder a,
.wrapper .archivelink a {
  float : left;
  padding : 0 10px 0 10px;
  background : url(i/arrow-light.gif) 0% 67% no-repeat;
  font-size: .90em;
  font-weight: bold;
  color: #808080;
}

.wrapper .buttons .btnback {
  background-image: url(i/arrow-light-back.gif);
}


/* ******  articlelist  ****** */
.articlelist .item {
  margin-bottom : 1em;
  width : 100%;
  overflow : hidden;
}
.articlelist .item h3 {
  font-size : 1.27em; 
  margin : 0;
}

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

.articlelist .summary p { margin : 0; }
.articlelist .more a {
  font-size: 1em;
  padding-left: 0;
  background: none;
  color: #4472B0;
}

.articlelist img {
  float : right;
  margin : .2em 0 .33em 12px;
}

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




/* ******  article  ****** */
.article .subtitle {
  clear : none;
  margin-top : -.54em;
  font-size : 1em;
  padding-top: 10px;
}
.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 .5em .2em 0; }
.article img.right { float : right;  margin : .2em 0 .5em .5em; }
.article img.center { float : none; display : block; margin : 0 auto .7em auto; text-align : center;}

.article table {

}
.article caption { 
  font-style : italic;
  padding : .2em 0;
  text-align : left;
}
.article th {
  font-weight : bold;
  padding : .2em .4em;
}
.article td {
  padding : .2em .4em;
}
.article tr.alt td {
  
}





/* ******  imgbox  ****** */
.imgbox {
  position : static;
  float : right;
  padding : 1.27em 0 .75em 10px;
  margin : 0;
  width : auto;
}
.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 .imgname { position:absolute;right:9999em;left:auto; }

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






/* ******  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 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;
  display: none;
}

.home .breadcrumbs,
.breadcrumbs .boxhd { position:absolute;right:9999em;left:auto; }

.breadcrumbs .content {}

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



/* ******  qnav  ****** */
.qnav {
  position : relative;
  width : 150px;
}

.qnav .boxhd {
  background : #f8f8f8;
  font-weight : normal;
  font-size : 1em;
  color : #333;
  padding : 2px 20px 2px 8px;
  margin : 0;
  border : 1px solid #bbb;
}
.qnav-active .boxhd {
  padding : 0;
  border : none;
}

.qnav .boxhd a {
  background : transparent url(i/drop-arrow.gif) 100% 50% no-repeat;
  border : 1px solid #bbb;
  display : block;
  padding : 2px 20px 2px 8px;
  _height:0;min-height:0;/* ie hasLayout fix */
  text-transform : none;
  font-weight : normal;
  text-decoration : none;
}
.qnav .boxhd a:hover,
.qnav .boxhd a:focus,
.qnav .boxhd a:active {
  text-decoration : none;
  background-color : #fff;
}

.qnav .content {
  padding : 3px 0 0 0;
  position : relative;
  background : #fff;
  margin : -1px 0 0 0;
  border : 1px solid #bbb;
  border-top : none;
}
.qnav-closed .content { display : none; }
.qnav-open .content { display : block; }

.qnav li { _display : inline; }
.qnav .content a {
  display : block;
  text-decoration : none;
  padding : 3px 5px 3px 8px;
  margin-top : -3px;
  _height:0;min-height:0;/* ie hasLayout fix */
}
.qnav .content a:hover,
.qnav .content a:focus,
.qnav .content a:active {
  text-decoration : none;
  background-color : #f8f8f8;
}





/* ******  mnav  ****** */
.mnav {
  position: absolute;
  top: 91px;
  left: 0;
  margin-top: -.6em;
}

.mnav .boxhd { display: none; }

.mnav .content {
  padding: 0;
  position: relative;
  z-index: 22;
}

.mnav ul {
  width: 770px;
  overflow: hidden;
}

.width1 .mnav ul {
  width: 970px;
}

.mnav li {
  _display : inline;
  float : left;
}

.mnav li a {
  float: left;
  display: block;
  padding: 11px 22px;
  _padding-top: 12px;
  _height:0;min-height:0; /* ie hasLayout fix */
  background: url(i/mnav-middle.gif) no-repeat 100% 50%;
  color: #767676;
  font-weight: bold;
}

.mnav .parent,
.mnav .current { background: url(i/mnav-curr.gif) repeat-x 0 50%; }

.mnav .parent a,
.mnav .current a { color: #254F89; }

.wrapper .mnav a:hover,
.wrapper .mnav a:focus,
.wrapper .mnav a:active { text-decoration: none; }




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

.snav { margin-bottom: 12px; }

.wrapper .snav .content { padding: 0; }

.snav ul { font-weight: bold; }

.snav ul li { _display: inline; }

.snav ul li a {
  display: block;
  padding: 7px 7px 3px 7px;
  _height:0;min-height:0; /* ie hasLayout fix */
  color: #555;
}

.snav .parent,
.snav .current {
  background: url(i/p1p2-boxhd.gif) no-repeat;
}

.snav .parent a,
.snav .current a {
  background: url(i/dot-line-double.gif) repeat-x 0 100%;
  padding-top: 7px;
  padding-bottom: 9px;
  color: #254F89;
}


/* l2*/

.snav .level2 {
  border-bottom: 1px solid #E6E6E6;
  font-weight: normal;
  padding-bottom: 2px;
}

.snav .level2 li {
  background: none;
}

.snav .level2 li a {
  background: none;
  color: #333;
  padding: 2px 0;
  padding-left: 18px;
}

.snav .level2 .current a,
.snav .level2 .parent a {
  color: #254F89;
  font-weight: bold;
  background: url(i/arrow-blue.gif) no-repeat 8px .57em;
}


/* l3 */

.snav .level2 .level3 {
  padding-bottom: 2px;
  font-size: .90em;
}

.snav .level2 .level3 li a {
  background: none;
  color: #333;
  padding: 2px 0;
  padding-left: 30px;
  font-weight: normal;
}

.snav .level2 .level3 .current a,
.snav .level2 .level3 .parent a {
  color: #254F89;
  font-weight: bold;
}


.wrapper .snav .level2 a:hover,
.wrapper .snav .level2 a:focus,
.wrapper .snav .level2 a:active { font-weight: bold; }



/* ****** vnav ****** */

.vnav { margin-bottom: 12px; }

.wrapper .vnav .content { padding: 0; }

.vnav ul li { _display: inline; }

.vnav ul li a {
  display: block;
  padding: 4px 7px 0 7px;
  _height:0;min-height:0; /* ie hasLayout fix */
  color: #555;
}

.vnav .parent,
.vnav .current { background: url(i/p1p2-boxhd.gif) no-repeat; }

.vnav .parent a,
.vnav .current a {
  background: url(i/dot-line-double.gif) repeat-x 0 100%;
  padding-top: 7px;
  padding-bottom: 9px;
  color: #254F89;
}


/* ******  enav  ****** */
.enav { text-align : center; }
.enav .boxhd { position:absolute;right:9999em;left:auto; }
.enav ul {
  overflow : hidden;
  width : auto;
}
.enav li {
  float : left;
  display : inline;
  padding : 0 7px;
  border-left : 1px solid #ccc;
}
.enav li.cat1 { border : none; }

.enav .content a {}

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





/* ******  flnav  ****** */
.flnav {
  position: absolute;
  top: 101px;
  right: 12px;
  margin-top: -.6em;
  width: 100px;
}

.flnav .boxhd { display: none; }

.flnav ul {

}

.flnav li {
  float : right;
  _display : inline;
}

.flnav li a {
  display: block;
  padding : 2px 7px;
  font-weight: bold;
  color: #808080;
  position: relative;
  z-index: 23;
}






/* ******  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; }





/* ******  loginform  ****** */
.loginform {}





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

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





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

.qsearch {
  position : absolute;
  bottom : 82px;
  margin-top : -.8em;
  right : 0;
  width : 318px;
  z-index: 30;
  font-family: Arial;
}

.qsearch .boxhd { display: none; }

.qsearch label {
  float: left;
  color: #BFBFBF;
  font-weight: bold;
  margin-right: 10px;
  padding: 3px 0;
  _padding-top: 5px;
}

.qsearch .content {
  padding : 0;
  position: relative;
  z-index: 22;
}

.qsearch .fi_txt input {
  width : 120px;
  padding: 2px 0;
  _padding-bottom: 3px;
  _margin-top: -2px;
  margin-right: 5px;
  width: 162px;
}
.qsearch .fi_btn input {
  width : 3.5em;
  font-size : .9em;
  padding: 2px 0;
  font-weight: bold;
  width: 50px;
  _margin-top: -2px;
}





/* ******  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 : #254F89; }
.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;
}




/* ******* productlist & prodcutitem ******* */

.productlist { border-bottom: 1px solid #E9E9E9; }

.productitem .status,
.productlist .status {
  top: 13px;
  right: 18px;
  position : absolute;
}

.productitem .status li,
.productlist .status li {
  float: left;
  padding: 0 12px;
  background: no-repeat 0 .33em;
  color: #808080;
}

.productitem .status .green,
.productlist .status .green { background-image: url(i/status-green.gif); }

.productitem .status .red,
.productlist .status .red { background-image: url(i/status-red.gif); }

.productlist .item {
  border-top: 1px solid #E9E9E9;
  width: 84%;
  overflow: hidden;
  position: relative;
  min-height: 40px; _height: 40px;
  padding-left: 90px;
  
}

.productlist .item img {
  position : absolute;
  left: 0;
  top: 0;
  margin-bottom: 0;
  margin-right: 18px;
}

.productitem h3,
.productlist .item h3 { margin-top: 7px; font-size: 1em; }

.productlist .item h3 a { padding-top: 0; color: #254F89; }

.productitem .summary p,
.productlist .item .summary p {
  color: #666666;
  float: left;
  width: 7em;
  margin-right: 8px;
}

.productitem .price,
.productlist .price {
  text-align: right;
  width: 135px;
  position: absolute;
  top: 6px;
  right: 138px;
}

.productitem .price { top: 45px; }

.productlist .tilbod { color: #C50909; }

.productitem .addtocart,
.productlist .addtocart {
  position: absolute;
  right: 12px;
  width: 85px;
  top: 4px;
}

.productitem .addtocart {
  right: 20px;
  top: 42px;
}

.productitem .fi_txt,
.productlist .fi_txt {
  position: absolute;
  top: 4px;
  _top: 2px;
  right: 108px;
}

.productitem .fi_txt {
  top: 42px;
  _top: 40px;
}

.productitem .fi_txt label,
.productlist .fi_txt label { position:absolute;right:9999em;left:auto; }

.productitem .fi_txt input,
.productlist .fi_txt input { width: 20px; }

.wrapper .productlist .addtocart .fi_btn input {
  font-weight: bold;
  float: left;
  width: 85px;
}

.productlist .item .status { position : static; }

.productitem .item .status li,
.productlist .item .status li {
  /* image replacement */padding:0; display:block; overflow:hidden; border:none; line-height:0; text-indent:-9999em; font-size:1px; letter-spacing:-1em;
  width: 7px;
  height: 7px;
  background: no-repeat;
  position: absolute;
  top: 10px;
  right: 1px;
}

.productlist .item .status .green { background-image: url(i/status-green.gif); }
.productlist .item .status .red { background-image: url(i/status-red.gif); }


  



/* ****** checkoutlogin ****** */

.checkoutlogin {
  width: 100%;
  overflow: hidden;
}

.checkoutlogin h3 {
  font-size: 1em;
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 3px;
  width: 100%;
  margin-bottom: 7px
}

.checkoutlogin h4 { visibility: hidden; }

.checkoutlogin label {
  color: #333;
  font-weight: bold;
  font-size: .9em;
  position: absolute;
  width: 84px;
  text-align: right;
}

.checkoutlogin input {
  width: 150px;
  margin-left: 100px;
}

.checkoutlogin .fi_btn {
  padding-top: 12px;
  background: url(i/dot-line-double.gif) repeat-x;
  margin-top: 10px;
  float: right;
  width: 180px;
  padding-right: 27px;
}

.checkoutlogin .fi_btn input { width: 100px; }

.checkoutlogin .register {
  width: 45%;
  float: right;
  position: relative;
  background: url(i/vert-line.gif) repeat-y;
  padding-left: 20px;
}

.checkoutlogin .login {
  width: 45%;
  float: left;
  position: relative;
}

.checkoutlogin .sendpwd input { width: 200px; }



/* ****** cartstatus ******* */

.cartstatus { padding-bottom: 12px; }

.wrapper .cartstatus .content { padding: 0 0 10px 0; }

.cartstatus .count {
  display: block;
  padding-bottom: 8px;
  background: url(i/dot-line-double.gif) repeat-x 0 100%;
  margin-bottom: 4px;
  padding-left: 6px;
}

.cartstatus .gtotal { padding-left: 6px; }

.cartstatus .more a {
  display: block;
  padding: 4px;
  border: 1px solid #D4D4D4;
  background: none;
  margin-left: 30px;
  _margin-left: 18px;
  margin-top: 10px;
}



/* ****** shoppingcart ***** */

.shoppingcart .content {
  padding-left : 30px;
}

.shoppingcart table {
  width: 100%;
}

.shoppingcart .th th {
  font-weight: bold;
  font-size: .9em;
  color: #808080;
  border-bottom: 1px solid #E9E9E9;
}

.shoppingcart .th td { padding: 3px 0; }

.shoppingcart .th th.col2,
.shoppingcart .th th.col3,
.shoppingcart .th th.col4,
.shoppingcart .perunit,
.shoppingcart .subtot { text-align: right; }

.shoppingcart tr th {
  color: #254F89;
  padding: 5px 0;
}

.shoppingcart td { padding: 5px 0; }

.shoppingcart .total th,
.shoppingcart .total td {
  font-size: 1.2em;
  text-align: right;
  color: #000;
  font-weight: bold;
  background: url(i/dot-line-double.gif) repeat-x;
  padding-top: 12px;
}

.shoppingcart .fi_qty { text-align: right; }

.shoppingcart .fi_qty input { width: 20px; }

.shoppingcart .del a {
  border: 1px solid #D8D8D8;
  padding: 4px 8px;
  color: #808080;
  font-weight: bold;
  font-size: .9em;
  margin-left: 12px;
}

.shoppingcart .fi_btn {
  float : right;
  padding-right: 45px;
}


/* ****** thankyou ****** */

.thankyou .content { padding: 0 30px; }

.thankyou .firstline {
  padding-top: 20px;
}

.thankyou h3 {
  padding-bottom: 10px;
  background: url(i/dot-line-double.gif) repeat-x 0 100%;
  font-size: 1.2em;
  padding-top: 12px;
}

.thankyou .extra {
  padding-top: 3px;
  padding-bottom: 10px;
  background: url(i/dot-line-double.gif) repeat-x 0 100%;
}



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

.footer .boxhd { display : none; }

.footer {
  padding: 64px 0;
  position: relative;
  font-weight: bold;
  font-size: .9em;
  color: #808080;
}

.footer .content {
  width: 49%;
  padding: 16px 27px;
}

.width1 .footer .content {
  width: 59%;
}

.footer a { color: #808080; }

.footer i { padding: 0 4px; }

.footer .einfo {
  font-weight: bold;
  color: #254F89;
  text-align: center;
  position: absolute;
  top: 46px;
  left: 0;
  width: 764px;
  margin-top: -.6em;
  font-size: 1.1em;
}
.wrapper .footer .einfo a {
  font-size: 1em;
}

.width1 .footer .einfo { width: 964px; }








/* ******  eplicaad  ****** */
.eplicaad { display: none; }




/* ******  imgbanner  ****** */
.imgbanner { display: none; }





/* ****** fontsizer  ****** */
.fontsizer { 
  position : absolute;
  top : 56px;
  right : 17px;
}

.fontsizer h2 { display: none; }

.fontsizer li {
  float : left;
  overflow: hidden;
  width: 21px;
  height: 22px;
  margin-left: 3px;
  _display: inline;
}
.fontsizer a {
  display : block;
  padding-left : 21px;
  background : url(i/font-dwn.gif) 0 0 no-repeat;
  
}

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

.fontsizer .usesettings a { background-image : url(i/font-stillingar.gif); }

.fontsizer .alt { display: none; }

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





/* * links * */
div.wrapper a:hover,
div.wrapper a:focus,
div.wrapper a:active { color : #254F89;  text-decoration : none; }
body a[name],
body a[name]:hover { color : inherit; text-decoration : inherit; }





/* **************************************************************** */
/* Helpful stuff for developers (uncomment the following block)     */
/* Delete when done CSSing                                          */
/* **************************************************************** 

  *[class]:before,
  body[class]:before, body>div[class]:before, div.box:before, .wrapper>div:before { content : attr(class); background-color : #ff0; font-family : Verdana; text-align : left; font-size : 10px; display : block; width : 90px; white-space : nowrap; margin-bottom : 1px; z-index : 3; letter-spacing : 0; }
  div.box, .wrapper>div { border : 1px dashed #ff0; margin-bottom : 3px; }
  body>div[class]:before  { content : attr(class); background-color : #6f6; }
  body>div[class] .wrapper { border : 1px dashed #0c0; }
  body[class]:before { content : "<body class=\"" attr(class) "\">"; background-color : #9cf; width : 160px; }
  *[class]:before { background-color : #fdd; display : inline; color : #000; }

*** */