/* encoding: utf-8 */
.stream,
.focustarget { position:absolute;right:9999px;left:auto;white-space:nowrap; }
/* Accessibility tr1ck50r */
.pgwrap .wrap a.stream:focus,
.pgwrap .wrap a.stream:active,
.pgwrap .wrap .stream a:focus,
.pgwrap .wrap .stream a:active {
  background: #fff;
  border: 1px solid #029;
  margin: 0;
  padding: 3px 5px;
  color: #c00;
  right: 0;
  z-index:9999;
  font-size: 1em;
  white-space: nowrap;
}
.pgwrap .wrap .stream a:focus,
.pgwrap .wrap .stream a:active {
  position: absolute;
  right: -9999px;
}

.print { display: none; }



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

html { overflow-y: scroll; }

body {
  background: #d5dfeb url(i/body-bg.jpg) fixed 50% 0 no-repeat;
  margin: 0;
  padding: 18px 0 18px;
  color: #272727;
  line-height: 1.25;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px; ~font-size:  75.00%;
  position: relative;
}


div, table, caption { font-size: 1em; }


blockquote {
  margin: 0 3em 0 2em;
  padding: .3em .5em;
}
q:after, q:before { content: ""; }

sup, sub { line-height: .5;  ~display: inline-block;  ~line-height: 1; }
sup { vertical-align:  .4em;  ~margin-top:    -1em; }
sub { vertical-align: -.4em;  ~margin-bottom: -1em; }


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, dd { margin: 0 0 .4em; padding: 0; }


a { 
  font-weight: bold;
  color: #3376E5;
  text-decoration: none;
}
a * {
  cursor: pointer;
}


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: .5em;
}
h2 {
  font-size: 1.17em;
  margin-top: 1.57em;
  margin-bottom: .2em;
}
h3 {
  font-size: 1.09em;
  margin-top: 1em;
  margin-bottom: .2em;
}
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 0 1em;
  border: none;
}

.fi_txt,
.fi_bdy,
.fi_file,
.fi_chk,
.fi_sel,
.fi_static,
.fi_rdo {
  margin-bottom: .7em;
}

.fi_txt label,
.fi_sel label,
.fi_bdy label,
.fi_file label,
.fi_rdo h4 {
  display: block;
  font-weight: bold;
  padding-bottom: 3px;
}

.f_row {
  overflow: hidden;
  margin-bottom: .7em;
}
.f_row .fi_txt,
.f_row .fi_sel,
.f_row .fi_chk {
  padding-right: 20px;
  float: left;
}

.fi_rdo label { vertical-align: middle; }
.fi_rdo input { margin-top: -2px; }

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,
input.input {
  border: 1px solid #d2d4d5;
  background: #fff;
  color: #272727;
  padding: 3px 5px;
  -moz-border-radius:    5px;
  -webkit-border-radius: 5px;
  border-radius:         5px;
  min-width: 180px;
}
select { padding: 3px; }

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

.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; 
  background: #7dc6ef url(i/login-bg.png) 0 0 repeat-x;
  border: 1px solid #85c1df;
  padding: 4px 10px 2px;
  display: block;
  color: #0e5c87;
  text-shadow: #fff 0 1px 0;
  font-weight: bold;
  text-transform: uppercase;
  -moz-border-radius:    6px;
  -webkit-border-radius: 6px;
  border-radius:         6px;
}
.button:hover,
.button:focus,
.fi_btn input:hover,
.fi_btn input:focus {
  border-color: #1d3d73;
  color: #1d3d73;
}


.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 {height:0;line-height:0;font-size:1px;clear:both;}


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

.pgwrap {
  position: relative;
  z-index: 10;
  width: 940px;
  margin: 0 auto;
  padding: 18px;
  background: #fff;
  background: rgba(255,255,255,.85);
  text-align: left;
  -moz-border-radius:    10px;
  -webkit-border-radius: 10px;
  border-radius:         10px;
}
.pagefoot {
  background: url(i/body-foot.jpg) 50% 100% no-repeat;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 132px;
}


.pghead { height: 144px; }
.pghead .brand { margin:0; font-size :1em; }
.pghead .brand img.logo { vertical-align: middle; }
.pghead .brand .slogan { position:absolute;right:9999px;left:auto; }
.pghead .stream { top: 10px; }  /* Accessibility tr1ck50r */


.pgmain {
  float: left;
  margin-left: 200px;
  width: 740px;
}

.threecol .pgmain {
  width: 540px;
  margin-right: 200px;
}
.onecol .pgmain {
  width: 940px;
  margin-left: 0;
}

.pgmain .wrap {
  min-height:1px; /* Floating layout fix */
}

.pgaside {
  float: left;
  width: 180px;
  margin-left: -180px;
}

.pgnav {
  float: left;
  width: 180px;
  margin-left: -940px;
}

.pgfoot {
  clear: both;
}


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


.box {
  min-height:0;/* ie hasLayout fix */
  margin-bottom: 18px;
  border: 1px solid #ddddde;
  -moz-border-radius:    8px;
  -webkit-border-radius: 8px;
  border-radius:         8px;
  -moz-box-shadow:    rgba(220,220,220, .5)  0 0 4px;
  -webkit-box-shadow: rgba(220,220,220, .5)  0 0 4px;
  box-shadow:         rgba(220,220,220, .5)  0 0 4px;
  background: #fff;
}

.box .boxhead {
  background: url(i/header-light.png) 0 100% repeat-x;
  margin: 0 -1px;
  padding: 8px 16px; 
  font-size : 1em; 
  text-transform: uppercase;
  font-weight: bold;
  color: #40669b;
  position: relative;
  top: -1px;
  z-index: 1;
  border: 1px solid #d4e2e9;
  -moz-border-radius:    8px;
  -webkit-border-radius: 8px;
  border-radius:         8px;
}
.pgmain .box:only-of-type {
  min-height: 625px;
}
.box .boxbody { 
  min-height:0;
  padding: 10px 16px;
}


.darkhead .boxhead {
  background-image: url(i/header-dark.png);
  border-color: #d4e2e9;
  background-color: #396399;
  color: #fff;
}



.pgmain .boxbody h1 {
  font-size: 1.67em;
  font-weight: normal;
  margin-bottom: .1em;
  color: #666;
}
.pgmain .boxbody h2,
legend {
  font-weight: bold;
  padding: 0;
  color: #40669B;
  text-transform: uppercase;
  margin: 0 0 .5em;
  font-size: 1.08em;
  clear: both;
}



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


/* ******  meta  ****** */
.meta {
  color: #777;
  display: block; 
  font-weight: normal;
  font-size: .92em;
}
.meta span { padding-right: .5em; }
.wrap .meta a:link,
.wrap .meta a:visited { color: #777; }





/* ******  buttons  ****** */
.more,
.moreolder {
  display: block;
  white-space: nowrap;
  overflow: hidden;
}
.wrap .more a {
  background: url(i/snav-bg.png) 0 .35em no-repeat;
  float: left;
  padding: 0 10px;
  color: #565656;
}

.wrap .moreolder a {
  float: right;
  padding: 0 0 0 10px;
  background: url(i/snav-bg.png) 0 .35em no-repeat;
  color: #0e5c87;
  font-weight: bold;
}


.buttons {
  margin-top: 1em;
}


.buttonbar {
  padding-top: 5px;
  margin-top: 10px;
  border-top: 1px dotted #DDDDDE;
}
.buttonbar a {
  font-weight: bold;
  margin-right: 10px;
}



.btnbar {
  margin-top: 15px;
  padding-top: 8px;
  border-top: 1px solid #ddddde;
  text-align: right;
  overflow: hidden;
}
.btnbar a {
  display: inline-block;
  padding-left: 20px;
  line-height: 17px;
  background: url(i/btn-facebook.png) 0 40% no-repeat;
  
}
.btnbar .btnback {
  float: left;
  padding-left: 10px;
  background-image: url('i/btn-back.png');
}


/* ******  articlelist  ****** */
.articlelist .item {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px dotted #b6b6b6;
  overflow: hidden;
}
.articlelist .item h3 {
  font-size: 1.17em; 
  margin: 0 0 5px;
}
.articlelist .item h3 a {
  color: #585858;
}
.articlelist .item .summary { line-height: 1.5; }
.articlelist .item .summary p { margin: 0.5; }
.articlelist .item .summary ul {
  clear: none;
  list-style: disc;
  margin-bottom: .5em;
  padding-left: 2em;
}
.articlelist .item .summary ul li { padding: 0; }
.articlelist .item .more {}

.articlelist .item img {
  float: right;
  margin: .2em 0 .33em .5em;
}
.articlelist .item img[align=left],
.articlelist .item img.left {
  float: left;
  margin: .2em .5em .33em 0;
}




/* ******  article  ****** */
.article .boxbody { 
  line-height: 1.5; 
  font-size: 1.08em; 
}
.article h2 + h3 {
  margin: 0 0 .3em;
}

.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 ul {
  list-style: disc;
  padding-left: 2.5em;
  margin-bottom: .7em;
}
.article li { margin-bottom: .54em; }





.product .img {
  float: left;
  width: 210px;
  text-align: center;
}
.product .img img { max-height: 200px; }
.product .boxbody h2 {
  padding-top: 1em;
}
.product .right {
  margin-left: 18px;
  float: left;
}
.product .price {
  color: #3376E5;
  font-size: 1.5em;
  margin-bottom: 12px;
  font-weight: bold;
}
.product .price strong { font-weight: bold; }
.product .order .cart_button_big {
  background: url(i/icn-cart.png) 0 50% no-repeat;
  color: #747474;
  padding: 0 0 0 19px;
  border: 0;
  font-weight: bold;
  cursor: pointer;
  _cursor: hand;
}
.product .order .cart_button_big:hover,
.product .order .cart_button_big:focus {
  text-decoration: underline;
}

.product .properties_form td { padding-bottom: 5px; vertical-align: middle; }
.product .properties_form .property_title {
  width: 3em;
  padding-right: 5px;
}
.product .properties_form td input {
  border: 1px solid #d2d4d5;
  background: #fff;
  color: #272727;
  padding: 3px 5px;
  -moz-border-radius:    5px;
  -webkit-border-radius: 5px;
  border-radius:         5px;
}
.product .properties_form td select {
  min-width: 120px;
}




.shoppingcart .boxhead .icon {
  background: url(i/icn-carthd.png) 0 0 no-repeat;
  display: block;
  position: absolute;
  right: 12px;
  top: 6px;
  width: 16px;
  height: 16px;
}
.shoppingcart ul { margin-bottom: 10px; }
.shoppingcart li {
  border-bottom: 1px dotted #b6b6b6;
  padding: 0 0 6px;
  margin-bottom: 6px;
  _height:0;min-height:0; /* ie hasLayout fix */
}
.shoppingcart li span { white-space: nowrap; }



.product-grid .boxbody { padding-top: 0; }
.product-grid .boxbody:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }
.product-grid .item {
  float: left;
  width: 105px;
  padding: 33px 30px 18px 148px;
  background: url(i/product-grid.png) 0 0 no-repeat;
}
.product-grid .itm1,
.product-grid .itm3,
.product-grid .itm5,
.product-grid .itm7,
.product-grid .itm9,
.product-grid .itm11,
.product-grid .itm13,
.product-grid .itm15,
.product-grid .itm17 { clear: left; padding-left: 118px; }
.product-grid .itm2,
.product-grid .itm4,
.product-grid .itm6,
.product-grid .itm8,
.product-grid .itm10,
.product-grid .itm12,
.product-grid .itm14,
.product-grid .itm16,
.product-grid .itm18 { padding-right: 0; background-position: 30px 0; }

.product-grid .itm1 { background-position: 0 -1px; }
.product-grid .itm2 { background-position: 30px -1px; }

.product-grid .item .img {
  float: left;
  width: 100px;
  overflow: hidden;
  margin-left: -118px;
  margin: -15px 0 0 -118px;
  text-align: center;
}
.product-grid .item .img img {
  max-width: 100px;
  max-height: 130px;
}
.product-grid .item h3 {
  font-size: 1em;
  color: #40669b;
  margin: 0 0 4px;
}
.product-grid .item h3 a {
  color: #40669b;
}
.product-grid .item .price {
  font-size: 1.5em;
  color: #3376e5;
  margin-bottom: 12px;
}
.product-grid .item .buttons a {
  padding-left: 19px;
}
.product-grid .item .buttons a.add_to_cart {
  background: url(i/icn-cart.png) 0 50% no-repeat;
  color: #747474;
}



.subcats .item .img img {
  max-height: 100px;
}
.subcats .item .img a {
  display: block;
  width: 100px;
}



.recent-products .item {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dotted #B6B6B6;
  text-align: center;
}
.recent-products .itm1 { margin: 0; padding: 0; border: 0; }
.recent-products .item h3 { font-size: 1em; margin: 0 0 5px; }
.recent-products .item .img {
  display: block;
  text-align: center;
  margin-bottom: 5px;
}
.recent-products .item .img img { max-height: 110px; }
.recent-products .item .price {
  color: #3376e5;
}



.productfilter .input {
  width: 137px;
}
.productfilter .input_between {
  width: 60px;
}






.checkout table {
  width: 100%;
}
.checkout table th {
  white-space: nowrap;
  padding: 5px 10px;
  color: #565656;
}
.checkout table .tcol4,
.checkout table .tcol5 { text-align: right; }
.checkout table td {
  border-top: 1px dotted #b6b6b6;
  padding: 10px 10px;
}
.checkout table .img { padding-top: 5px; text-align: center; }
.checkout table .img img { max-width: 100px; max-height: 50px; }
.checkout table .fi_txt input { width: 40px; min-width: 0; }
.checkout table .delete a { 
  display: block;overflow: hiddden;text-indent: -9999em;
  background: url(i/delete_icon.png) 0 0 no-repeat;
  width: 14px;
  height: 16px;
}

.checkout .totalprice {
  padding: 5px 10px;
  text-align: right;
}
.checkout tfoot .subtotal { text-align: right; font-size: 1.25em; }
.checkout tfoot .total { text-align: right; font-size: 1.5em; border: 0; padding-top: 0; }
.checkout .finish { overflow: hidden; }
.checkout .finish .fi_rdo,
.checkout .finish .fi_btn { clear: right; float: right; }


.checkout .userinfo {
  margin-bottom: 1.5em;
  overflow: hidden;
}
.checkout .userinfo .user {
  float: left;
  margin-right: 40px;
  
}
.checkout .userinfo .address {
  float: left;
}


.breadcrumbs { position:absolute;right:9999px;left:auto; }
/* ******  mnav  ****** */
.mnav {
  background: url(i/mnav-bg-sq.png) 0 0 no-repeat;
  position: absolute;
  top: 118px;
  left: 18px;
  width: 940px;
  height: 28px;
  -moz-border-radius:    5px;
  -webkit-border-radius: 5px;
  border-radius:         5px;
}
.mnav .boxhead { position:absolute;right:9999px;left:auto; }
.mnav .boxbody { padding: 0; }

.mnav ul {}
.mnav li {
  float: left;
  margin: -2px 0 0 12px;
}

.mnav .boxbody a {
  color: #fff;
  font-size: 1.17em;
  text-transform: uppercase;
  display: block;
  padding: 8px 22px 7px;
  font-weight: bold;
}
.wrap .mnav a:hover,
.wrap .mnav a:focus,
.wrap .mnav a:active {
  outline : 0;
}
.mnav li.current {
  border: 1px solid #;
  margin-top: -3px;
  -moz-border-radius:    8px;
  -webkit-border-radius: 8px;
  border-radius:         8px;
  -moz-box-shadow:    rgba(0, 0, 0, .3) 0 0 4px;
  -webkit-box-shadow: rgba(0, 0, 0, .3) 0 0 4px;
  box-shadow:         rgba(0, 0, 0, .3) 0 0 4px;
}
.mnav .current a {
  background: #fff url(i/header-light.png) 0 100% repeat-x;
  color: #335b94;
  border: 1px solid #DDDDDE;
  -moz-border-radius:    8px;
  -webkit-border-radius: 8px;
  border-radius:         8px;
}



/* ******  snav  ****** */
.snav .boxbody { padding-top: 5px; }
.snav li {
  min-height:0; /* ie hasLayout fix */
  border-bottom: 1px dotted #b6b6b6;
  margin: 0;
}

.snav .boxbody a {
  display: block;
  background: url(i/snav-bg.png) 4px .65em no-repeat;
  padding: 5px 5px 5px 19px;
  font-weight: bold;
  font-size: 1.08em;
  color: #585858;
  _height:0;min-height:0; /* ie hasLayout fix */
}
.wrap .snav a:hover,
.wrap .snav a:focus,
.wrap .snav a:active {
}
.snav .boxbody a.selected_menu_item {
  color: #3376E5;
}





.qlinks li a {
  display: block;
  padding: 1px 0 1px 10px;
  margin-bottom: .3em;
  background: url(i/snav-bg.png) 0 .35em no-repeat;
  color: #585858;
  font-weight: normal;
  _height:0;min-height:0; /* ie hasLayout fix */
}




.wrap .welcomebox {
  background: #a8dbf5 url(i/wc-bg.png) 0 100% repeat-x;
  border: 1px solid #85c1df;
  color: #084c72;
  -moz-border-radius:    8px;
  -webkit-border-radius: 8px;
  border-radius:         8px;
  text-shadow: #fff 0 1px 0;
  font-weight: bold;
  padding: 13px 25px 10px;
  margin-bottom: 18px;
}
.wrap .welcomebox h1 {
  color: #084C72;
  font-weight: bold;
}
.welcomebox p {
  font-size: 1.08em;
  margin-bottom: 5px;
}



.loginbox {
  position: absolute;
  right: 18px;
  top: 18px;
}
.loginbox .boxhead { position:absolute;right:9999px;left:auto; }
.loginbox li {
  float: left;
  margin-left: 10px;
}
.loginbox li a {
  background: #7dc6ef url(i/login-bg.png) 0 0 repeat-x;
  border: 1px solid #85c1df;
  padding: 4px 10px;
  display: block;
  color: #0e5c87;
  text-shadow: #fff 0 1px 0;
  font-weight: bold;
  text-transform: uppercase;
  -moz-border-radius:    6px;
  -webkit-border-radius: 6px;
  border-radius:         6px;
}
.wrap .loginbox li a:hover,
.wrap .loginbox li a:focus {
  border-color: #1d3d73;
  color: #1d3d73;
  text-decoration: none;
}
.loginbox p a {
  color: #3376E5;
  font-weight: bold;
}



.fblike {
  position: absolute;
  right: 18px;
  top: 75px;
}
.fbfreri {
  position: absolute;
  right: 6px;
  top: 50px;
}


.profile dl:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }
.profile dt {
  float: left;
  clear: left;
  width: 8em;
  margin-bottom: .5em;
}
.profile dd {
  margin-bottom: .5em;
  float: left;
}
.profile .address_row { margin-bottom: 1em; }


.quicksearch {
  padding: 7px;
  background: #d8eef8;
  margin-bottom: 18px;
  -moz-border-radius:    4px;
  -webkit-border-radius: 4px;
  border-radius:         4px;
}
.quicksearch .boxhead {
  color: #335b94;
  text-transform: uppercase;
  margin: 2px 3px 5px;
  font-size: 1em;
  
}
.quicksearch .boxbody {
  background: url(i/search-bg.png) 0 0 no-repeat;
  position: relative;
  min-height: 26px;
}
.quicksearch .boxbody .fi_txt label { position:absolute;right:9999px;left:auto; }
.quicksearch .boxbody .fi_txt input {
  border: 0;
  background: 0;
  padding: 0 30px 0 10px;
  width: 123px;
  height: 23px;
  min-width: 0;
  -moz-border-radius:    0px;
  -webkit-border-radius: 0px;
  border-radius:         0px;
}
.quicksearch .boxbody .fi_btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 26px;
  height: 26px;
}
.quicksearch .boxbody .fi_btn input {
  border: 0;
  background: 0;
  width: 26px;
  height: 26px;
  padding: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}




.messages,
.errors {
  font-weight: bold;
  font-size: 1.08em;
  border: 1px solid #DDDDDE;
  border-radius: 8px 8px 8px 8px;
  box-shadow: 0 0 4px rgba(220, 220, 220, 0.5);
  margin-bottom: 10px;
  background: #fff;
}
.messages li,
.errors li {
  padding: 8px 16px 9px;
  text-align: center;
  margin: 0;
}
.errors li {
  color: #e0032c;
}

.footer {
  margin: 0 200px;
  color: #40669b;
  font-weight: bold;
  position: relative;
}
.onecol .footer { margin: 0;  }
.twocol .footer { margin-right: 0;  }
.footer .boxhead { position:absolute;right:9999px;left:auto; }
.footer p { margin: 0; }
.footer a { color: #40669b; }
.footer .cms {
  position: absolute;
  right: 0;
  top: 0;
  font-weight: normal;
}


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





/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none;
}

#fancybox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url('fancybox/fancybox.png');
}

#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  display: none;
}

#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none;
}

#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  z-index: 1101;
  outline: none;
  display: none;
}

#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
  -moz-box-shadow:    rgba(0,0,0, .5)  0 0 8px;
  -webkit-box-shadow: rgba(0,0,0, .5)  0 0 8px;
  box-shadow:         rgba(0,0,0, .5)  0 0 8px;
}

#fancybox-content {
  width: 0;
  height: 0;
  padding: 0;
  outline: none;
  position: relative;
  overflow: hidden;
  z-index: 1102;
  border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1101;
}

#fancybox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background: transparent url('fancybox/fancybox.png') -40px 0px;
  cursor: pointer;
  z-index: 1103;
  display: none;
}

#fancybox-error {
  color: #444;
  font: normal 12px/20px Arial;
  padding: 14px;
  margin: 0;
}

#fancybox-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
  vertical-align: top;
}

#fancybox-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

#fancybox-left, #fancybox-right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: none;
  background: transparent url('blank.gif');
  z-index: 1102;
  display: none;
}

#fancybox-left {
  left: 0px;
}

#fancybox-right {
  right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
  position: absolute;
  top: 50%;
  left: -9999px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  z-index: 1102;
  display: block;
}

#fancybox-left-ico {
  background-image: url('fancybox/fancybox.png');
  background-position: -40px -30px;
}

#fancybox-right-ico {
  background-image: url('fancybox/fancybox.png');
  background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
  visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
  left: 20px;
}

#fancybox-right:hover span {
  left: auto;
  right: 20px;
}

.fancybox-bg {
  display: none;
}


#fancybox-title {
  font-family: Helvetica;
  font-size: 12px;
  z-index: 1102;
}

.fancybox-title-inside {
  padding-bottom: 10px;
  text-align: center;
  color: #333;
  background: #fff;
  position: relative;
}

.fancybox-title-outside {
  padding-top: 10px;
  color: #fff;
}

.fancybox-title-over {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFF;
  text-align: left;
}

#fancybox-title-over {
  padding: 10px;
  background-image: url('fancybox/fancy_title_over.png');
  display: block;
}

.fancybox-title-float {
  position: absolute;
  left: 0;
  bottom: -20px;
  height: 32px;
}

#fancybox-title-float-wrap {
  border: none;
  border-collapse: collapse;
  width: auto;
}

#fancybox-title-float-wrap td {
  border: none;
  white-space: nowrap;
}

#fancybox-title-float-left {
  padding: 0 0 0 15px;
  background: url('fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
  color: #FFF;
  line-height: 29px;
  font-weight: bold;
  padding: 0 0 3px 0;
  background: url('fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
  padding: 0 0 0 15px;
  background: url('fancybox/fancybox.png') -55px -90px no-repeat;
}