* { 
  padding: 0px;
  margin: 0px;
  border: 0px none #000;
}

img { 
  border: 0px none;
}

div { 
  border: 1px none #000;
}

body { 
  text-align: center;
  background-color: #eee;
  font-family: arial, sans-serif;
  font-size: 12px;
  color: #51433D;
}

.clearBoth { 
  clear: both;
}

br.clearBoth { 
  height: 0px;
}

.clearLeft { 
  clear: left;
}

.clearRight { 
  clear: right;
}

.floatLeft { 
  float: left;
}

.floatRight { 
  float: right;
}

.alignCenter { 
  text-align: center;
}

.centered { 
  margin-left: auto;
  margin-right: auto;
 }

p { 
  margin: 2px;
  margin-bottom: 8px;
  line-height: 1.4;
}

ul { 
  margin: 5px;
  margin-left: 20px;
  margin-bottom: 10px;
}

ul li { 
  margin-bottom: 5px;
}

h1, h2, h3 { 
  font-family: tahoma, arial, sans-serif;
  color: #71635D;
  font-weight: normal;
}

h1 { 
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 1.5em;
  padding-bottom: 2px;
  border-bottom: 1px solid #666;
}

h2 { 
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 1.4em;
}

h3 { 
  margin-top: 10px;
  margin-bottom: 8px;
  font-size: 1.2em;
}

.brown { 
  color: #71635D;
}

.blue { 
  color: #0000CC;
}

.small { 
  font-size: 10px;
}

.link_a_like {
  cursor: hand;
  cursor: pointer;
}

.hover:hover {
  opacity: 0.8;
  -moz-opacity:0.8;
  -khtml-opacity: 0.8;
}

A, .link_a_like {COLOR: #005c9d; TEXT-DECORATION: none;}

A:link {COLOR: #005c9d; TEXT-DECORATION: none;}
A:visited {COLOR: #005c9d; TEXT-DECORATION: none;}
A:hover, .link_a_like:hover {COLOR: #005c9d; TEXT-DECORATION: underline;}
A:active {COLOR: #005c9d; TEXT-DECORATION: underline;}

A:link.top {COLOR: #666666; TEXT-DECORATION: none;}
A:visited.top {COLOR: #666666; TEXT-DECORATION: none;}
A:hover.top {COLOR: #000000; TEXT-DECORATION: none;}
A:active.top {COLOR: #000000; TEXT-DECORATION: none;}

A:link.info {COLOR: #005c9d; TEXT-DECORATION: none;}
A:visited.info {COLOR: #005c9d; TEXT-DECORATION: none;}
A:hover.info {COLOR: #005c9d; TEXT-DECORATION: underline;}
A:active.info {COLOR: #005c9d; TEXT-DECORATION: underline;}

/* Messages */
div.messageSuccess {
  border-style: dashed;
  border-width: 1px;
  background-color: #00CC00;
  color: black;
  margin: 3px;
  padding: 3px;
  text-align: left;
}
div.messageError {
  border-style: dashed;
  border-width: 1px;
  background-color: #FF0000;
  color: white;
  margin: 3px;
  padding: 3px;
  text-align: left;
}
div.messageWarning {
  border-style: dashed;
  border-width: 1px;
  background-color: #ee6;
  color: black;
  margin: 3px;
  padding: 3px;
  text-align: left;
}
/* */

/************** container ********/
div.container {
  position: relative;
  top: 0px;
  left: 0px;
  max-width: 800px;
  width: 800px;
  background-color: #eee;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  padding: 0px;
}

#PAGE_BUILDING div.container {
    width: 96%;
}

#PAGE_BUILDING.ie div.container {
    width: expression(this.width > 800 ? 800: true);
}

#PAGE_BUILDING.ie-lt7 div.container {
    width: 800px;
}

@media print {
    div.container {
        max-width: 96%;
    }
}
/***************************/

/************** top ********/
div.top {
  position: relative;
  z-index: 0;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 113px;
  background-image: url('../images/top_bg_slice.gif');
  background-repeat: repeat-x;
  overflow: hidden;
  border: 1px solid #666;
  border-style: none solid none solid;
}

div.top:after {
    content: "pirtakka";
    font-size: 100px;
    position: absolute;
    right: 5px;
    top: -15px;
    color: #bfb692;
  opacity: 0.8;
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  -khtml-opacity: 0.8;
  font-weight: 100;
}

div.top div.logo {
    position: relative;
    z-index: 1;
    height: 60px;
    margin: 10px 0 0 12px;
    float: left;
}

div.top div.logo img:hover {
  opacity: 0.8;
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  -khtml-opacity: 0.8;
}

div.top div.text {
    position: relative;
    z-index: 1;
    height: 40px;
    font-size: 24px;
    color: #71635D;
    white-space: nowrap;
    float: left;
    margin: 54px 0 0 12px;
}

div.top div.flags {
  position: absolute;
  z-index: 1;
  right: 0;
  height: 15px;
  width: 60px;
  top: 2px;
}

@media screen and (min-width: 440px) {
    div.top div.flags {
        bottom: 6px;
        top: auto;
    }
}

div.top div.flags img {
  border: 1px solid #888;
}

div.top div.flags img:hover {
  border: 1px solid #444;
  opacity: 0.7;
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
}

@media screen and (max-width: 650px) {
    #PAGE_BUILDING div.top div.text {
        margin-top: 15px;
        margin-left: 30px;
        font-size: 20px;
        clear: left;
    }
}
/****************************/

/************** navi_top ********/
div.navi_top {
    position: absolute;
    z-index: 1000;
    top: 98px;
    left: 0;
    height: 30px;
    margin: 0px;
    padding: 0px;
    text-align: left;
    border-left: 1px solid #444;
    overflow: hidden;
    -webkit-box-shadow: 3px 3px 4px #888;
    -moz-box-shadow: 3px 3px 4px #888;
    box-shadow: 3px 3px 4px #888;
}

div.navi_top a, div.navi_top a:link, div.navi_top a:active, div.navi_top a:visited { 
  width: auto;
  height: 29px;
  margin-top: 0px;
  padding: 6px 13px 0 13px;
  display: block;
  float: left;
  font-size: 14px;
  text-align: center;
  color: #71635D;
  background: url('../images/navi_top_middle3.gif');
  background-repeat: repeat-x;
  text-decoration: none;
}

div.navi_top a:hover, div.navi_top a.active { 
  color: #F5C592;
  background: url('../images/navi_topd_middle.gif');
  background-repeat: repeat-x;
}

div.navi_top div.middle { 
  height: 33px;
  margin: 0px;
  background: url('../images/navi_top_middle3.gif');
  background-repeat: repeat-x;
  float: left;
}

div.navi_top div.right { 
  height: 33px;
  width: 3px;
  margin: 0px;
  background: url('../images/navi_top_right.gif');
  background-repeat: no-repeat;
  float: left;
}

div.navi_top div.navi_top_separator { 
  background: url('../images/navi_top_separator3.gif');
  background-repeat: no-repeat;
  width: 1px;
  height: 33px;
  float: left;
}

@media screen and (max-width: 650px) {
    #PAGE_BUILDING div.navi_top {
        top: 110px;
        height: auto;
        width: 100%;
        background-color: #eeebbb;
        border: 1px solid #444;
        border-top-style: none;
    }

    #PAGE_BUILDING div.navi_top > a, div.navi_top > div {
        float: none;
    }
    #PAGE_BUILDING div.navi_top a {
        width: 98% !important;
        float: none;
        height: 23px !important;
    }

    #PAGE_BUILDING div.navi_top_separator, div.navi_top div.right, div.navi_top div.middle {
        display: none;
    }
}


/*************************/

/************** container ********/
div.container_inner {
  margin-right: -2px;
}
/***************************/

/********* main ********/
div.main { 
  position: relative;
  left: 0px;
  top: 0px;
  min-height: 30px;
  padding: 5px;
  padding-top: 16px;
  text-align: left;
  background-color: #fffddd;
  border: 1px solid #999;
  border-top-style: none;
  font-size: 1.15em;
}

/* Hack for IE6 */
/* \*/
* div.main { height: 1%; }
/* */

@media screen and (max-width: 650px) {
    #PAGE_BUILDING div.main {
        padding-top: 140px;
    }
}

/********* footer ********/
div.footer { 
  position: relative;
  left: 0px;
  top: 0px;
  margin-top: 5px;
  margin-bottom: 10px;
  padding: 5px;
  text-align: center;
  background-color: #fffddd;
  border: 1px solid #999;
  color: #707070;
  font-size: 0.9em;
  overflow: hidden;
}

/* Hack for IE6 */
/* \*/
* div.footer { height: 1%; }
/* */

/********* left ********/
div.main div.left {
  float: left;
  width: 150px;
  margin: 5px;
  margin-left: 0px;
  margin-top: 10px;
  padding: 0px;
  text-align: left;
}

/********* right ********/
div.main div.right { 
  float: left;
  width: 600px;
  height: auto;
  margin: 5px;
  margin-top: 10px;
  padding: 5px;
  padding-right: 0px;
  text-align: left;
}


/********* vline ********/
div.vline { 
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1px;
  height: 445px;
  float: left;
  margin: 0px;
  background: url('../images/vline.gif');
  background-repeat: repeat-x;
  z-index: 10;
}

/********* vline_inner ********/
div.vertical_dummy {
  width: 1px;
  height: 342px;
  margin: 0px;
}

/********* vline_inner ********/
div.vline_inner {
  float: left;
  width: 1px;
  height: 342px;
  margin: 0px;
  margin-top: 10px;
  background: url('../images/vline_inner.gif');
  background-repeat: repeat-x;
}

/*************************/

/********* navi_left ********/

div.navi_left { 
  width: 150px;
  margin: 0px;
  padding: 0px;
  text-align: left;
  background-color: transparent;
}

div.navi_left_item { 
  clear: left;
}

div.navi_left div.left { 
  float: left;
  width: 5px;
  height: 26px;
  margin: 0px;
  padding: 0px;
  background: url('../images/navi_left_left.gif');
  background-repeat: no-repeat;
}

div.navi_left div.right { 
  float: left;
  width: 5px;
  height: 26px;
  margin: 0px;
  padding: 0px;
  background: url('../images/navi_left_right.gif');
  background-repeat: no-repeat;
}

div.navi_left div.middle { 
  float: left;
  width: 132px;
  height: 26px;
  margin: 0px;
  padding: 0px;
  padding-left: 0px;
  background: url('../images/navi_left_middle.gif');
  background-repeat: repeat-x;
  font-size: 0.9em;
  color: #71635D;
  white-space: nowrap;
}

div.navi_left a { 
  width: 130px;
  height: 18px;
  margin-top: 0px;
  padding-top: 3px;
  padding-left: 10px;
  display: block;
  float: left;
  font-size: 11px;
  text-align: left;
  color: #71635D;
  text-decoration: none;
  white-space: nowrap;
}

div.navi_left a:link, div.navi_left a:active, div.navi_left a:visited { 
  color: #71635D;
  text-decoration: none;
  white-space: nowrap;
}

div.navi_left a.active { 
/*  color: #F5C592;*/
/*  color: #111;*/
  background: url('../images/ball.gif');
  background-repeat: no-repeat; 
  background-position: 0px 6px;
}

div.navi_left a:hover { 
  color: #111;
  background: url('../images/ball.gif');
  background-repeat: no-repeat; 
  background-position: 0px 6px;
}

div.navi_left div.navi_inner { 
  clear: both;
  margin-left: 5px;
  margin-bottom: 3px;
}

div.navi_left div.navi_inner a {
  float: none;
  padding: 2px;
  padding-left: 12px;
  height: 14px;
}

div.navi_left div.navi_inner a.active { 
  background: url('../images/ball.gif');
  background-repeat: no-repeat; 
  background-position: 2px 5px;
 color: #111;
}


div.navi_left div.navi_inner a:hover { 
  background: url('../images/ball.gif');
  background-repeat: no-repeat; 
  background-position: 2px 5px;
  /*  background-color: #F5C592; */
}

/*
div.navi_left div.navi_inner a.active:hover { 
  background-color: #F5C592;
}
*/

/*************************/

/********* images on the left ********/
div.left img { 
  margin: 3px;
  border: 1px solid #666;
}
/*************************/

div.main div.right div.hline { 
  background: url('../images/hline.gif');
  background-repeat: repeat-y;
  height: 2px;
  margin: 3px;
}

div.left select { 
  width: 145px;
  font-size: 10px;
  margin: 3px;
  margin-bottom: 6px;
  background-color: #fffddd;
  border: 1px solid #71635D;
  color: #71635D;
}

div.left select option { 
  color: #71635D;
  background-color: #fffddd;
}


/***** news ******/
div.main_page_div { 
  background-color: transparent;
  width: 350px;
  border: 1px solid #555;
  padding: 0px;
  padding-bottom: 3px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}

div.main_page_div div.header { 
  background-color: #71635D;
  color: #F5C592;
  font-weight: bold;
  text-align: center;
  border: 1px none;
  padding: 2px;
  font-size: 120%;
  white-space: nowrap;
}

div.main_page_div div.item {
  background-color: #eeebbb;
  border: 1px solid #888;
  padding: 2px;
  margin-top: 3px;
  margin-left: 3px;
  margin-right: 3px;
}

 div.main_page_div.news {
   width: auto;
   margin: 10px;
 }

div.main_page_div div.item div.item_header {
  background-color: transparent; 
  border-bottom: 1px solid #555;
  padding: 2px;
  margin: 3px;
  margin-top: 0px;
  font-weight: bold;
  white-space: nowrap;
}

div.news div.item div.item_header div.floatLeft { 
  width: 255px;
}

div.news div.item div.item_header div.floatRight {
  width: 70px;
  text-align: right;
}

div.main_page_div div.item div.item_content {
  background-color: transparent;
  padding: 2px;
  padding-left: 15px;
  font-size: 0.9em;
}

 div.main_page_div.popular_products {
   float: right;
   width: 200px;
   margin-left: 10px;
   margin-left: 10px;
 }

/*************************/


/***** product *********/
 
 div.product {
   padding-left: 10px;
 }

 div.product-left {
  width: 250px;
  float: left;
 }

div.product-right {
  width: 325px;
  float: right;
}

div.product div.descr { 
  margin-bottom: 15px;
}

div.product-left h2 {
  margin-top: 0;
}

div.product div.bottom-info {
  bottom: 3px;
  font-size: 90%;
  position: absolute;
  right: 5px;
  text-align: right;
  width: 280px;
}

div.product div.images {
 /* width: 320px;*/
  margin: 0px;
  margin-bottom: 8px;
  padding: 0px;
  border: 1px solid #999;
  background-color: #F5C592;
}

div.product div.images img { 
  border: 1px solid #999;
}

div.product div.images img:hover { 
  border: 1px solid #555;
}

div.product div.images div.thumbs { 
  float: right;
  width: 64px;
  text-align: center;
}

div.product div.images div.thumb { 
  width: 60px;
  height: 42px;
  margin: 0px;
  margin-bottom: 2px;
}

div.product div.images div.thumb img:hover {
  opacity: 0.7;
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
}

div.product div.images div.big { 
  float: left;
  text-align: center;
  width: 250px;
  height: 250px;
  margin-bottom: 5px;
  margin-left: 2px;
}

div.product div.images div.images_info { 
  clear: both;
  text-align: center;
  margin-top: 2px;
  margin-left: 7px;
  margin-right: 7px;
  border-top: 1px solid #777;
  font-size: 10px;
}

div.product div.images div.header {
  background-color: #71635D;
  color: #F5C592;
  font-weight: bold;
  text-align: center;
  border: 1px none;
  padding: 2px;
  margin-bottom: 2px;
  white-space: nowrap;
}

div.product table.infobox {
  margin: 4px;
  width: 250px; /*321px;*/
  border-collapse: collapse;
  border: 1px solid #888;
  padding: 2px;
  background-color: #F5C592;
 }


div.product table.infobox td {
  border: 1px solid #888;
  padding: 2px;
  padding-right: 4px;
 }

 div.product table.infobox tr td:first-child {
  text-align: right;
  font-weight: bold;
  white-space: nowrap;
  width: 75px;
  vertical-align: top;
 }
div.product table.infobox.vertical tr td {
  text-align: center;
  font-weight: normal;
  white-space: normal;
  width: auto;
 }

div.product table.infobox tr.header td {
  font-weight: bold !important;
  background-color: #71635D;
  color: #F5C592;
  text-align: center !important;
  white-space: nowrap !important;
  width: auto;
 }

/*************************/

div.list { 
  margin: 5px;
  padding: 2px;
}

div.list div.item { 
  border: 1px solid #666;
  padding: 2px;
  margin-top: 3px;
  margin-bottom: 2px;
  background-color: #eeebbb;
}

div.list div.item:hover { 
  background-color: #dddfaa;
}

div.list div.item div.header { 
  font-weight: bold;
  font-size: 110%;
  padding: 2px;
  border-bottom: 1px solid #888;
  margin-left: 3px;
  margin-right: 3px;
  padding-left: 2px;
  margin-bottom: 2px;
  margin-top: 0px;
  text-align: left;
  color: #71635D;
  white-space: nowrap;
  background-color: transparent;
}

/* Hack for IE6 */
/* \*/
* div.list div.item div.header { height: 1%; }
/* */

div.list div.item div.content { 
  min-height: 45px;
}

/* Hack for IE6 */
/* \*/
* div.list div.item div.content { height: 1%; }
/* */

div.list div.item div.header a { 
  color: #71635D;
}

div.list div.item div.image { 
  width: 60px;
  height: 40px;
  float: left;
  margin: 2px;
  border: 1px solid #888;
  text-align: center;
  font-size: 10px;
  color: #333;
  background-color: #F5C592;
}

div.list div.item div.image a:hover { 
  opacity: 0.7;
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
}

div.list div.item div.image strong { 
  display: block;
  margin-top: 5px;
}

div.list div.item div.descr { 
  width: 400px;
  float: left;
  margin-left: 0px;
  color: #333;
  text-align: left;
  font-size: 0.9em;
  margin-left: 7px;
}


/***** product_group *********/

div.product_group div.header { 
  font-size: 16px;
  white-space: nowrap;
}

div.product_group div.desc { 
  padding-left: 10px;
  margin: 2px;
}

div.product_group div.logo { 
  float: left;
  border: 1px solid #666;
  margin: 3px;
  margin-left: 0px;
  margin-right: 5px;
 }

/****************************/

/**** common image block ****/

div.images {
  margin: 5px;
  padding: 3px;
  background-color: #eeebbb;
  border: 1px solid #71635D;
}

div.images div.image {
  float: left;
  text-align: center;
  margin: 2px;
  padding: 2px;
  width: 124px;
  background-color: #eeebbb;
}

div.images div.image img {
  border: 1px solid #999;
  margin: 0px;
}

div.images div.image img:hover {
  border: 1px solid #555;
  opacity: 0.7;
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
}

div.images div.image div.desc {
  font-size: 10px;
  padding: 0px;
  margin: 1px;
  padding: 2px;
  text-align: left;
  border: 1px solid #999;
  background-color: #dddfaa;
}
 
/****************************/


div.info {
  width: 400px;
  margin: 5px;
  padding: 0px;
  border: 1px solid #999;
  background-color: #F5C592;
  margin-left: auto;
  margin-right: auto;
}

div.info div.header {
  background-color: #71635D;
  color: #F5C592;
  font-weight: bold;
  text-align: center;
  padding: 2px;
  margin-bottom: 2px;
  white-space: nowrap;
}

div.info div.content div.block {
  margin: 4px;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8px;
}

div.info div.content div.strong {
  font-weight: bold;
}

div.info.pageContact div.content div.block {
  width: 350px;
  margin-bottom: 10px;
  clear: both;
}

div.pageContact div.block div {
  float: left;
  text-align: left;
  margin-bottom: 8px;
}

div.pageContact div.block div.strong {
  width: 130px;
  float: left;
  clear: left;
  text-align: right;
  margin-right: 10px;
}


 dl div.year {
  display: block;
  float: left;
  text-align: left;
  margin-right: 15px;
 }

dl dt { 
  font-weight: bold;
  margin-top: 20px;
}

dl ul { 
  margin-left: 45px;
}

dl dd { 
  clear: both;
 }

/********************/

form.feedback { 
  margin: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
  text-align: center;
 }

form.feedback label { 
  float: left;
  clear: both;
  width: 120px;
  text-align: right;
  margin-right: 6px;
  padding-top: 3px;
  font-weight: bold;
}

form.feedback input, textarea { 
  border: 1px solid #777;
  font-size: 11px;
  padding: 2px;
  color: #222;
}

form.feedback input { 
  float: left;
  margin-top: 2px;
  width: 150px;
}

form.feedback textarea { 
  width: 230px;
  height: 150px;
  margin-left: 20px;
}

form.feedback input.checkbox { 
  float: none;
  width: auto;
  border: none;
  padding: 0px;
  margin: 0px;
 }

form.feedback input.button { 
  float: none;
  width: 180px;
  margin: 2px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
 }

form.feedback input.hidden { 
  display: none;
}

form.feedback div.cbox_group {
  font-weight: bold;
  margin-left: 30px;
  margin-top: 15px;
  margin-bottom: 2px;
  font-size: 13px;
  text-align: left;
}

form.feedback div.cbox_product {
  margin-left: 50px;
  text-align: left;
}

form.feedback div.cbox_product label {
  font-weight: normal;
}

form.feedback hr { 
  border: 1px solid #666; 
  margin-top: 15px;
  margin-bottom: 5px;
}

/****************/

div.header_subpage { 
  margin: 3px; 
  padding-bottom: 2px;
  font-weight: bold;
  color: #555;
 }

/****************/

div.docs {
  float: right;
  margin: 4px;
  border: 1px solid #71635D;
  background-color: #F5C592;
 }

div.docs div.header {
  background-color: #71635D;
  color: #F5C592;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  padding: 2px;
  margin-bottom: 2px;
  white-space: nowrap;
 }

div.docs ul { 
  margin: 3px;
  list-style: none;
  font-size: 11px;
 }

div.docs ul li { 
  text-align: center;
}

div.product div.docs {
  margin: 0;
  margin-bottom: 8px;
}

div.product div.docs {
  float: none;
}

.map {
  width: 250px;
  height: 250px;
  border: 0px none;
  margin: 0px;
}

div.map_link { 
  margin: 5px;
  margin-top: 10px;
  font-size: 12px;
}


 div.pyr {
   font-size: 9px;
   text-align: center;
   margin: 15px auto;
   line-height: 1.2;
   width: 80px;
 }

 div.pyr img {
    border-color: #bbb;
 }

 div.myymala {
   font-size: 12px;
   text-align: center;
   margin: 5px;
   margin-top: 15px;
   background-color: #F5C592;
   border: 1px solid #71635D;
   padding: 3px;
 }


 img.decorative {
   border: 1px solid #666;
 }

#ads {
  float: right;
  width: 200px;
  margin: 0 0 0 10px;
  padding: 0px;
  }

#ads .content {
    padding: 4px;
}


#PAGE_BUILDING .main .left {
  display: none;
}

#PAGE_BUILDING .main .vline_inner {
  display: none;
}

#PAGE_BUILDING .main .right {
  width: auto;
  float: none;
}

/*#PAGE_BUILDING .right > p {
    clear: both;
}*/

#PAGE_BUILDING .logos {
    overflow: hidden;
}

#PAGE_BUILDING .logos a {
    display: block;
    height: 65px;
    line-height: 100%;
    float: left;
    margin: 8px;
}

#PAGE_BUILDING .logos a.fill {
    background-color: #fff;
    padding: 0 6px;
}

.box {
    -webkit-box-shadow: 3px 3px 4px #888;
    -moz-box-shadow: 3px 3px 4px #888;
    box-shadow: 3px 3px 4px #888;
    margin: 6px;
    margin-bottom: 15px;
    overflow: hidden;
    background-color: #dddfaa;
    background: -moz-radial-gradient(80% 80%, circle, #dddfaa 10px, #F5C592 200px);
    background:-webkit-gradient(radial, 80% 80%, 10, 80% 80%, 200, from(#dddfaa), to(#F5C592));
    border: 1px solid #777;
}

.box-wide {
    width: 98%;
    clear: both;
}

.col-left {
    float: left;
    width: 49%;
    min-width: 250px;
}

.col-right {
    float: left;
    width: 49%;
    min-width: 250px;
}

@media screen and (max-width: 565px) {
    .col-left, .col-right {
        width: 98%;
        float: none;
    }

    .col-left .box, .col-right .box {
        width: 100%;
    }
}

.box h3 {
    display: block;
    background-color: #71635D;
    background:-webkit-gradient(radial, 80% 80%, 10, 80% 80%, 350, from(#71635D), to(#51433D));
    background: -moz-radial-gradient(80% 80%, circle, #71635D 10px, #51433D 350px);
    color: #F5C592;
    padding: 8px;
    margin: 0;
    font-size: 150%;
    font-weight: normal;
}

.box > div {
    margin: 12px 8px;
}


.tooltip {
    display:none;
    font-size:1.2em;
    height:50px;
    width:270px;
    padding:4px 12px;
    color:#222;
    font-weight: bold;
    border: 1px solid #666;
    text-align: left;
    background-color: #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 3px 3px 8px #222;
    -moz-box-shadow: 3px 3px 8px #222;
    box-shadow: 3px 3px 8px #222;
}

.notification {
    background: #dddfaa url(../images/icon-warning-yellow.png) no-repeat 5px center;
    padding: 10px;
    border: 2px solid #aa2;
    margin: 8px;
}

.notification p {
    margin-left: 65px;
    margin-top: 8px;
    margin-bottom: 0;
}

a.cart-link {
display: block;
    font-size: 120%;
    margin: 20px;
    text-align: center;
}

a.shop-link {
    display: block;
    text-align; center;
    background: #F5C592 url(../images/icon-cart-yellow.png) no-repeat 5px 5px;
    padding-left: 70px;
    padding-top: 15px;
    height: 52px;
    border: 1px solid #999;
    margin-bottom: 8px;
}

a.shop-link:hover {
    text-decoration: none;
    background: #d5a572 url(../images/icon-cart-yellow.png) no-repeat 5px 5px;
    border-color: #777;
}

a.link-help {
    display: inline-block;
    height: 16px;
    width: 16px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #71635D;
    border: 1px solid #000; 
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    position: relative;
    top: 0px;
    -webkit-transition: all 100ms;
    -moz-transition: all 100ms;
    -o-transition: all 100ms;
}

a.link-help:hover {
    text-decoration: none;
    background: #51433D;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

div#fancybox-content {
    text-align: left;
    color: #222;
}

#PAGE_BUILDING h1 {
    clear: both;
}

/* For Nivo Slider stuff */
.slider-wrapper {
    padding: 2px;
    padding-bottom: 26px;
    margin: 6px 2px 12px 2px;
}

#slider {
    position: relative;
    background: #fff url(../scripts/nivo-slider/themes/default/loading.gif) no-repeat 50% 50%;
    margin: 12px auto;
}

#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}

.theme-default .nivo-controlNav {
    left: 0 !important;
    bottom: -32px !important;
    margin-left: 2px !important;
}
/* / For Nivo Slider stuff */


blockquote {
    position: relative;
    display: block;
    quotes:"\201C""\201D""\2018""\2019";
    padding: 10px;
}

blockquote:before {
    color: #71635D;
    content: "\201C";
    position: absolute;
    top: -20px;
    left: 4px;
    font-size: 160px;
}

blockquote p {
    display: block;
    margin: 0;
    padding: 0 4px 0 54px;
    font-size: 110%;
}

blockquote cite {
    display: block;
    text-align: right;
    padding: 8px 4px 0px 54px;
    color: #666;
}

.ie-lt9 blockquote p {
    background: url(../images/quote-start.gif) no-repeat left top;
}

blockquote cite:before {
    content: "\2014 ";
}

.quotes {
    overflow: hidden;
}

.quotes blockquote {
    float: left;
    margin-right: 12px;
    width: 40%;
}

@media screen and (max-width: 550px) {
    .quotes blockquote {
        width: 92%;
    }

    #PAGE_BUILDING .footer > div {
        float: none;
        margin: 3px 0;
    }
}


#main-infobox {
    padding: 2px;
    margin: 0 2px;
    overflow: auto;
    margin-bottom: 8px;
    text-align: center;
 }
 
#main-infobox-wrapper {
    overflow: auto;
    padding: 6px;
    margin: 0;
 }

#main-infobox .separator {
    border: 1px none #999;
    border-top-style: solid;
    height: 1px;
    width: 95%;
    margin: 0 auto;
}

#main-infobox ul {
    width: 95%;
    margin: 0;
    padding: 4px;
    list-style-type: none;
    text-align: center;
}

@media screen and (min-width: 720px) {
    .slider-wrapper {
        float:right; 
        width: 500px;
        margin-left: 12px;
    }
    
    #main-infobox {
        float: right; 
        clear: right; 
        width: 500px;
        margin-left: 12px;
    }
}

@media screen and (min-width: 550px) {
    #main-infobox ul {
        float: left;
        width: auto;
    }

    #main-infobox-wrapper {
        display: inline-block;
    }
    
    #main-infobox ul:first-child {
        margin-left: 30px;
    }
    
    #main-infobox ul li {
        margin: 0;
    }

    #main-infobox .separator {
        border-left-style: solid;
        border-top-style: none;
        width: 1px;
        height: 44px;
        float: left;
        margin: 0 16px;
    }
}