.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 {
  margin : 0;
  padding : 0;
  color : #262626;
  line-height : 1.4;
  text-align : center;
  font-family : Arial, Helvetica, sans-serif;
  background: #D1E3E3 url(i/body-bg.gif) repeat-x 50% 0; 
}

body { font-size : 12px;  ~font-size :  75.00%; }
body.zoom { font-size : 16px;  ~font-size :  100%; }


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 : #406070;
  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;
}
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,
.fi_txt input {
  border : 1px solid #B3C7C7;
  background : #fff;
  color : #555;
  padding: 1px;
}

textarea:focus,
textarea:active,
.fi_txt input:focus,
.fi_txt input:active { border-color: #599796; }

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

.fi_btn input {
  cursor : pointer; 
  _cursor : hand;
  background : #f1f1f1;
  border : 1px solid #B3C7C7;
  color: #555;
}

.button:hover,
.button:focus,
.fi_btn input:hover,
.fi_btn input:focus {
  border-color : #395462;
  background-color: #2B6263;
  color : #fff;
}


.reqerror li { color:  #c33; }

.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;
  color: #c00;
}
acronym.req:hover { border : none; }




/* *****  clear  ***** */
.clear { clear : both; line-height : 0px; font-size : 1px; }


/* ***** sep ***** */

.sep {
  margin-left: -16px;
  background: url(i/grad-line.png) no-repeat 0 100%;
  _background-image: url(i/grad-line.gif);
  padding-top: 20px;
}



/* **************** */
/* Layout          */
/* ************** */

.bodywrap {
  position : relative;
  width : 860px;
  margin : 0 auto;
  text-align : left;
  background: #fff url(i/bw-bg.gif) repeat-y;
}



.pageheader {
  background: url(i/ph-bg.gif) no-repeat;
  min-height: 584px; _height: 584px;
  margin-bottom: -308px;
}

.pageheader .wrapper {
  padding-top: 47px;
  padding-left: 10px;
}



.pagebody {
  min-height: 300px; _height: 300px;
  float: left;
  width: 656px;
  background: url(i/pb-bg.gif) repeat-x;
  margin-left: 194px;
  _display: inline;
}

.pagebody .wrapper { padding: 0 23px 32px 23px; }

.pageextra1 {
  width: 177px;
  float: left;
  background: url(i/p1p2-bg.gif) repeat-x;
  margin-left: -839px;
  _display: inline;
  min-height: 200px; _height: 200px;
}

.pageextra1 .wrapper { padding: 0 15px 32px 15px; }

.pageextra5 {
  background: #d1e3e3 url(i/p5-bg.gif) no-repeat;
  clear: both;
  _height:0;min-height:0; /* ie hasLayout fix */
}


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



/* ************** */
/* BOX           */
/* ************ */


.box {
  _height:0;min-height:0;/* ie hasLayout fix */
  position : relative;
  margin-bottom : 1.5em;
}

.boxhd {
  padding-top: 1.5em;
  margin-top: 0;
  color: #2B6263;
  font-size: 1.16em;
}

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


.pagebody h1.boxhd {
  font-size: 1.67em;
  padding-top: 1em;
  margin-bottom: .7em;
}

.pagebody .box .content {  }



.pageextra1 .box .content { font-size: .92em; }






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


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

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

.wrapper .meta a:link,
.wrapper .meta a:visited { color : #777; }



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

.more,
.archivelink {
  background: url(i/snav-hov-arrow.gif) no-repeat 0 .33em;
  display : block;
  font-size: .92em;
}

.more a,
.archivelink a {
  padding-left: 17px;
  background: url(i/more-arrow.gif) no-repeat 0 .33em;
  display: block;
  _height:0;min-height:0; /* ie hasLayout fix */
}


.more a:hover,
.more a:focus,
.more a:active,
.archivelink a:hover,
.archivelink a:focus,
.archivelink a:active { background: none; }





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

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

.article .content h2,
.article .content h3 { margin-top: .4em; }

.article .content a { text-decoration: underline; }

.article .content a:hover,
.article .content a:focus,
.article .content a:active {
  text-decoration: none;
}

.article .summary {
  color : #5B5B5B;
  margin : 0 20px .7em 0;
  font-weight: bold;
}

.article .summary p { margin : 0; }

.article img {
  clear : both;
  vertical-align : text-bottom;
  border: 1px solid #b3c7c7;
  padding: 1px;
  background: #fff;
}
.article img.left {
  float : left;
  margin : 0 2em .7em 0;
}
.article img.right {
  float : right;
  margin : 0 0 .7em 2.5em;
}
.article img.center {
  float : none;
  display : block;
  margin : 0 auto .7em auto;
  text-align : center;
}


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

.article li { margin-bottom : .2em; }

.wrapper .article li a { text-decoration: none; }

.wrapper .article li a:hover,
.wrapper .article li a:focus,
.wrapper .article li a:active { text-decoration: underline; }


.article table {
  border-right: 1px solid #ccc;
  margin-bottom: 1.2em;
}

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

.article th {
  font-weight : bold;
  padding : .4em .6em;
  background: #224d4e url(i/mnav-bg.gif) repeat-x;
  color: #fff;
}

.article td {
  padding : .2em .6em;
  border-left : 1px solid #ccc;
  border-bottom: 1px solid #ccc
}

.article tr.alt td { background-color : #eee; }

.article table.grid,
.article table.grid td {
  background : transparent none;
  border : none;
  padding : 0
}

.article table.grid img {
  padding: 0;
  background: none;
  border: none;
}

.article table.grid a { text-decoration: none; }
.article table.grid a:hover,
.article table.grid a:focus,
.article table.grid a:active { text-decoration: underline; }



/* imgbox */


.article .imgbox {
  float: right;
  text-align: center;
  margin: 0 0 1em 2em;
}

.home .article .imgbox {
  margin-top: -41px;
}

.article .imgbox img {
  margin-bottom: .2em;
}

.article .imgbox .imgcontent {
  font-size: .92em;
}
.article .imgbox .imgcontent p {
  margin-bottom: 0;
}



/* articlelist? */

.article .item {
  margin-bottom : 1em;
  padding-top: 1em;
  background: url(i/dots.gif) repeat-x;
  width : 100%;
  overflow : hidden;
}

.article .item h3 {
  margin : 0;
  font-size: 1.1em;
}

.article .item h3 a { text-decoration: none; }

.article .item .summary { font-weight: normal; }

.article .item .summary p { margin : 0; }


.article .item img {
  float : right;
  margin : -2.6em 0 .7em 1em;
  padding: 1px;
  border: 1px solid #b3c7c7;
  background: #fff;
}

.article .pager {
  font-size: .92em;
  background: url(i/dots.gif) repeat-x;
  padding-top: .7em;
}

.article .pgs {
  width: 6em;
  text-align: center;
  margin: 0;
  padding: 0;
}

.article .pgs span { position:absolute;right:19999px;left:auto; }

.article ul.pgr {
  list-style: none;
  padding: 0;
  margin-top: -1.4em;
  width: 6em;
  position : relative;
}

.article .pgr li { position : absolute; }

.article .pgr .next { right: 0; }


/* contactform? */

.article .fi_txt { clear: left; }

.article .fi_txt input { width: 35%; }

.article .fi_txt label,
.article .fi_bdy label {
  width : 7em;
  float : left;
  margin-top : .1em;
  margin-bottom: .7em;
}

.article .fi_bdy { clear: left; }

.article .fi_btn {
  clear: left;
  margin-left: 7em;
  margin-top: .6em;
  padding-bottom: 2px;
}

.article textarea { width : 70%; }




/* brands? */

.article .brands {
  float: left;
  width: 265px;
  padding-right: 40px;
}

.article .brands .boxhd {
  background: url(i/dots.gif) repeat-x 0 100%;
  padding-bottom: 8px;
}

.article .brands .boxhd a { text-decoration: none; }
.article .brands .boxhd a:hover,
.article .brands .boxhd a:focus,
.article .brands .boxhd a:active { text-decoration: underline; }

.article .brands .content {
  background: none;
  padding: 0;
}

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

.article .brands .item {
  background: none;
  padding: 4px 0 0 0;
}

.article .brands .item .summary { margin: 0; }

.article .brands .item img { margin-top: 0; }

.article .brands .more { margin-top: .2em; }





/* ******  pontun  ****** */

.article .pontun fieldset {
  margin-bottom: .7em;
}

.article .pontun .fi_txt,
.article .pontun .fi_sel,
.article .pontun .fi_bdy { padding-bottom: .7em; }

.article .pontun .fi_txt label,
.article .pontun .fi_sel label,
.article .pontun .fi_bdy label {
  float: none;
  width: auto;
  margin-bottom: 0;
  display: block;
}

.article .pontun input { width: auto; }

.article .pontun .bill-to,
.article .pontun .send-to {
  float: left;
  width: 49.9%;
}

.article .pontun .items { clear: both; }

.article .pontun .items .fi_txt,
.article .pontun .signature .fi_txt,
.article .pontun .bill-to .fi_pnr,
.article .pontun .send-to .fi_pnr {
  float: left;
  padding-right: 12px;
}

.article .pontun .items .fi_txt,
.article .pontun .signature .fi_txt,
.article .pontun .bill-to .fi_tel,
.article .pontun .send-to .fi_tel { clear: none; }

.article .pontun .items label { position:absolute;right:19999px;left:auto; }

.article .pontun .items .itm1 label,
.article .pontun .items .itm2 label { position : static; }

.article .pontun .items .fi_txt input { width: 153px; }

.article .pontun .items .fi_qty { padding-right: 90px; }

.article .pontun .items .fi_qty input { width: 42px; }

.article .fi_bdy textarea {
  height: 110px;
  width: 511px;
}

.article .fi_chk label { font-weight: bold; }

.article .fi_chk small {
  display : block;
  padding-left: 27px;
}

.article .fi_chk small strong {
  color: #c00;
  font-weight: normal;
  display : block;
}


.article .extra .fi_bdy label { position:absolute;right:19999px;left:auto; }

.article .pontun .fi_bdy,
.article .pontun .fi_btn {
  margin-left: 0;
  clear: both;
}

.article .pontun .more {
  float: right;
  padding-right: 100px;
}

.article .pontun .more {
  float: right;
}

.article .pontun .more a {
  _display: inline;
}

.article .pontun .fi_btn {
  float: left;
  clear: none;
  margin-top: -4px;
}



/* ******* gallery ******* */

.article ul.gallery {
  list-style: none;
  padding: 0;
  margin: 0 -30px 0 0;
  text-align: center;
  _height:0;min-height:0; /* ie hasLayout fix */
}

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

.article ul.gallery li {
  float: left;
  height: 100px;
  width: 100px;
  margin: 0 28px 16px 0;
  _display: inline;
}

.article ul.gallery li a:hover img,
.article ul.gallery li a:focus img,
.article ul.gallery li a:active img { border-color: #395462; }








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

.mnav {
  position : absolute;
  top: 140px;
  left: 10px;
  background: #224d4e url(i/mnav-bg.gif) repeat-x;
  width: 840px;
  margin-top: -.7em;
  z-index: 9;
}

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

.mnav ul {
  padding-left: 16px;
  padding-right: 51px;
}

.mnav li {
  float: left;
  background: url(i/mnav-hov-arrow.gif) no-repeat 0 1.25em;
}

.mnav li a {
  color: #fff;
  text-transform: uppercase;
  font-family: Trebuchet MS;
  font-weight: bold;
  float: left;
  padding: 12px 19px 10px 17px;
  background: url(i/mnav-arrow.gif) no-repeat 0 1.25em;
  display : block;
}

.mnav .parent a,
.mnav .current a {
  color: #72a39f;
}

.wrapper .mnav li a:hover,
.wrapper .mnav li a:focus,
.wrapper .mnav li a:active {
  color: #e0f4f4;
  background: none;
  text-decoration: none;
}


/* ******  snav  ****** */
  
.snav .boxhd { position:absolute;right:19999px;left:auto; }

.snav .content {
  font-family: Tahoma;
  font-size: .92em;
  padding-top: 15px;
}

.snav li { background: url(i/snav-hov-arrow.gif) no-repeat 0 .65em; }

.snav li a {
  padding: 3px 7px 2px 17px;
  background: url(i/more-arrow.gif) no-repeat 0 .65em;
  _height:0;min-height:0; /* ie hasLayout fix */
  display : block;
  color: #457575;
  font-weight: bold;
}


.snav .current a { color: #767676; }
.snav .parent a { background-position: -100px 0; }

/* l2 */

.snav .level2 { padding-bottom: 3px; }

.snav .level2 li { background-position: 17px .55em; }

.snav .level2 li a {
  background-position: 17px .55em;
  color: #457575;
  font-weight: normal;
  padding: 2px 7px 1px 34px;
}

.snav .level2 .current a {
  color: #767676;
  font-weight: bold;
}


.wrapper .snav li a:hover,
.wrapper .snav li a:focus,
.wrapper .snav li a:active {
  background: none;
  color: #355e5e;
  text-decoration: none;
}



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

.enav li {
  border: 1px solid #B3C7C7;
  padding: 1px;
}

.enav li a {
  background: #224d4e url(i/mnav-bg.gif) repeat-x;
  display : block;
  _height:0;min-height:0; /* ie hasLayout fix */
  padding: 8px 0;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.1em;
  text-align: center;
}

.wrapper .enav li a:hover,
.wrapper .enav li a:focus,
.wrapper .enav li a:active {
  background: #224d4e;
  color: #fff;
}






/* ******  advert  ****** */

.advert {
  text-align : center;
  overflow : hidden;
  width : 100%;
}

.pageextra5 .advert {
  position: absolute;
  top: 59px;
  left: 258px;
  width: 414px;
}










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

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

.footer .content {
  text-align: center;
  color: #5C8889;
  font-size: .92em;
  padding: 27px 20px;
}

.footer i { margin: 0 4px; }









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

.pageextra5 .imgbanner {
  position : absolute;
  top: 170px;
  left: 10px;
}

.pageextra5 #brands {
  position : absolute;
  top: 70px;
  right: 20px;
  _height:0;min-height:0; /* ie hasLayout fix */
}






/* ****** fontsizer  ****** */

.fontsizer {
  position : absolute;
  top: 140px;
  right: 27px;
  width: 50px;
  z-index: 10;
}

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

.fontsizer li { float: right; }

.fontsizer 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: 25px;
  height: 20px;
  background: url(i/font-up.gif) no-repeat;
}

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

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







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





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


/* *** layout *** */

.home .pageheader { margin-bottom: -233px; }

.home .pagebody {
  margin-left: 10px;
  width: 590px;
}

.home .pageextra1 {
  margin-left: 5px;
  width: 245px;
}

/* *** article *** */

/* articlelist? */

.home .article .item {
  background: none;
  background: url(i/dots.gif) repeat-x;
  padding-top: 1.2em;
}

.home .article img {
  margin-top: 0;
  position : relative;
}

.home .article .more { margin-top: .2em; }

.home .article .pager { position:absolute;right:19999px;left:auto; }




/* *** subscr *** */

.home .subscr {
  background: #D1E3E3 url(i/body-bg.gif) repeat-x 50% 0;
  clear: both;
}

.home .subscr .boxhd {
  background: #2B6263;
  color: #fff;
  font-size: 1.1em;
  padding: 4px 12px;
  margin: 0;
  text-transform: uppercase;
}

.home .subscr .content {
  padding: 10px 16px 16px 11px;
  border: 1px solid #B3C7C7;
}

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

.home .subscr .summary {
  font-weight: bold;
  color: #555;
  _display: inline;
  width: 60%;
  float: right;
}

.home .subscr .summary p {
  margin-bottom: .7em;
}

.home .subscr .fi_btn,
.home .subscr fieldset {
  float: left;
  width: 35%;
  margin: 0;
  padding: 0;
}

.home .subscr .fi_txt {
  padding-bottom: .7em;
}

.home .subscr .fi_pnr,
.home .subscr .fi_tel {
  float: left;
  margin-right: 12px;
  _display: inline;
  clear: none;
}

.home .subscr label {
  display : block;
  font-size: .92em;
  float: none;
  margin-bottom: 0;
}

.home .subscr input {
  width: auto;
}


.home .subscr .fi_btn {
  clear: left;
  padding: .6em 0 0 0;
  margin: 0;
}