/*****************************************
  Lauri Borodkin | Fraktal.ee
*****************************************/


html, body {
  margin: 0;
  padding: 0;
}

body {
  text-align: center;
  font: 12px/14px Helvetica, Arial, Verdana, sans-serif;
  color: #303030;
  text-align: center;
  background: white;
}
a {
  text-decoration: none;
  color: #219000;
}
a:hover {
  text-decoration: underline;
}
.clearer {
  font-size: 1px;line-height: 1px;height: 1px;clear: both;
}
.clearfix:after,
#container-right .product-info:after,
.border-list li:after,
.two-column-wide:after,
.two-column:after,
.two-column-big:after,
.three-column:after,
.five-column:after,
.buttons:after,
.sidebox:after
{
  content: "."; display: block;height: 0;clear: both;font-size: 1px;line-height: 1px;visibility: hidden;
}
img {
  border: none;
}
form {
  margin: 0;
  padding: 0;
}
h1, h2, h3 {
  margin: 0;
  padding: 0px 0px 5px;
  font: normal 30px/40px Georgia, 'Times New Roman', serif;
  border-bottom: 1px solid #d6d6d6;
}
h1 {
  padding-top: 10px;
}
h2 {
  font-size: 25px;
  line-height: 27px;
}
h3 {
  font-size: 20px;
  line-height: 25px;
  padding: 10px 0;
}
h1 a, h2 a, h3 a {
  color: #303030;
}
p { 
  margin: 0;
  padding: 4px 0 10px 0;
}
ul, ol {
  margin: 0;
  padding: 6px 0 6px 30px;
}
ul {
  list-style-type: square;
}
ul li, ol li {
  margin: 0;
  padding: 3px 0 3px 0px;
}


#wrap {
  width: 960px;
  margin: 0 auto;
  text-align: left;
  padding-bottom: 20px;
}

.title {
  display: block;
  font: normal 16px/16px Georgia, 'Times New Roman', serif;
}
.author {
  color: #000000;
  padding-bottom: 7px;
}
.more, .upper {
  text-transform: uppercase;
  font-weight: bold;
}
.upper {
  color: #303030;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 4px;
}

.arrowlink {
  background: url('../images/arrowlink.gif') no-repeat right 2px;
  padding-right: 15px;
  outline: none;
}
  .arrowlink-open {
    background-position: right -16px;
  }
.big {
  font-size: 16px;
  font-family: Georgia, 'Times New Roman', serif;
}
.green {
  color: #219000;
}
.light {
  color: #888888;
}
.line-through {
  text-decoration: line-through;
}
.red {
  color: #c73800;
}
.image-box {
  position: relative;
}

/* sidebox */
  
  .sidebox {
    
    position: relative;
  }
    .sidebox-plus {
      position: absolute;
      top: 0;
      left: 0;
      width: 175px;
      height: 70px;
      z-index: 10;
      background: url('../images/plus.png') no-repeat left top;
    }
    * html .sidebox-plus {
      display: none;
    }
    .sidebox-left {
      float: left;
      width: 85px;
    } 
    .sidebox-right {
      float: left;
      margin-left: 5px;
      width: 85px;
    }
    * html .sidebox-right {
      margin-right: -3px;
    }
    
/* ico-box */
  .ico-box {
    height: 30px;
    line-height: 32px;
    padding: 0px 0 0px 25px;
    font-size: 10px;
    font-weight: bold;
    color: #373d35;
    text-transform: uppercase;
  }
    .ico-box-sound {
      background: url('../images/ico_sound.gif') no-repeat left center;
    }
    .ico-box-ebook {
      background: url('../images/ico_ebook.gif') no-repeat left center;
    }

/* banner */

  .banner {
    text-align: center;
    padding: 10px 0 0;
  }
  
  /*
  #container-center .banner {
    padding: 10px 0 5px;
  }
  */
    
/* button */
  .btn {
    display: block;
    background: url('../images/btn.gif') no-repeat top left;
    height: 25px;
    float: left;
    color: #303030 !important;
    outline: none;
    font: 12px/14px Helvetica, Arial, Verdana, sans-serif !important;
  }
    .btn:hover {
      text-decoration: none;
    }
    .btn-hover {
      text-decoration: none;
      background-position: 0 -50px;
    }
    .btn-active {
      background: url('../images/btn.gif') no-repeat 0 -100px;
    }
    .btn .btn-inn {
      display: block;
      background: url('../images/btn.gif') no-repeat right -25px;
      height: 19px;
      float: left;
      padding: 6px 5px 0;
      color: #303030;
      cursor: pointer;
    }
    .btn-hover .btn-inn { background-position: right -75px;}
    .btn-active .btn-inn { background-position: right -125px; }
    .btn .btn-ico {
      height: 25px;
      padding-top: 0;
    }
    .btn-inn span {
      float: left;
      padding: 6px 0 0 28px;
      height: 19px;
      cursor: pointer;
    }
    .btn-inn .btn-ico-cart {
      background: url('../images/ico_cart1.gif') no-repeat 0 4px;
    }
    .btn-inn .btn-ico-fav {
      background: url('../images/ico_fav.gif') no-repeat 0 4px;
      padding-left: 20px;
    }
    .btn-inn .btn-ico-print {
      background: url('../images/ico_print.gif') no-repeat 0 5px;
      padding-left: 20px;
    }
    
    .btn-inn .btn-ico-view {
      background: url('../images/ico_view.gif') no-repeat 0 4px;
      padding-left: 20px;
    }
    .btn-inn .btn-ico-pdf {
      background: url('../images/ico_pdf.gif') no-repeat 0 6px;
      padding-left: 27px;
    }
    .btn-inn .btn-ico-sound {
      background: url('../images/ico_sound1.gif') no-repeat 0 6px;
      padding-left: 20px;
    }
    
    
    .btn .btn-notext {
      padding-right: 0;
    }
/* big-btn */
  .big-btn {
    font-size: 30px;
    line-height: 45px;
    color: white;
    font-family: Georgia, 'Times New Roman', serif;
    cursor: pointer;
  }
  
/* label */  
  .label {
    position: absolute;
    display: block;
    color: white;
    top: 10px;
    /*right: -10px;*/
    right: 0;
    height: 19px;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 9px 0;
    z-index: 10;
  }
    .label-red {
      background: #c34311 url('../images/labels.gif') repeat-x 0 0;
    }
    .label-green {
      background: #baf000 url('../images/labels.gif') repeat-x 0 -25px;
      color: #303030;
    }
    .label-blue {
      background: #0098e6 url('../images/labels.gif') repeat-x 0 -50px;
    }
    
    
/* actionlinks */
  .actionlinks {
    float: right;
    font-family: Helvetica, Arial, Verdana, sans-serif;
  }
    .actionlinks a {
      font-size: 10px;
      color: #373d35;
      text-transform: uppercase;
      vertical-align: middle;
      font-weight: bold;
      float: left;
    }
    .actionlinks img {
      float: left;
      margin: 13px 0 0 5px;
    }
    
  
/******************** HEADER ********************/

  /* header */
    #header {
      position: relative;
      min-height: 80px;
      text-align: left;
    }
    * html #header {
      height: 80px;
    }
    
      /* logo */
        #logo {
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 187px;
          height: 80px;
          cursor: pointer;
          outline: 0;
        }
        
        .hasbanner #logo {
          top: 105px;
        }
      
      /* header-right */
        
        #header-right {
          float: right;
          padding-top: 15px;
          width: 223px;
        }
        
      /* banner */
        #header .banner {
          width: 728px;
          height: 90px;
          text-align: left;
          padding: 15px 0 0;
        }
        
      /* actionbox */
        #actionbox {
          position: absolute;
          top: 0;
          right: 0;
          height: 25px;
          clear: both;
          background: #d4f0cc url('../images/actionbox_right.gif') no-repeat top right;
        }
        
        .hasbanner #actionbox {
          position: static;
          top: auto;
          right: auto;
        }
        
        #actionbox .inner {
          float: left;
          height: 20px;
          padding: 5px 8px 0 29px;
          background: #eaf7e6 url('../images/actionbox_left.gif') no-repeat top left;
        }
      
        #actionbox ul {
          display: block;
          height: 20px;
          float: left;
          margin: 0;
          padding: 5px 0px 0 4px;
          list-style-type: none;
          background: url('../images/actionbox_center.gif') no-repeat top left;
          text-align: center;
        }
        #actionbox ul.nolight {
          background: url('../images/actionbox_center_nolight.gif') no-repeat top left;
        }
          #actionbox li {
            display: inline;
            padding: 0 3px;
          }
          #actionbox a {
            color: #303030;
            font-size: 12px;
          }
      
      /* cart-info */
      
        #cart-info {
          position: absolute;
          top: 25px;
          right: 0;
          font-size: 18px;
          font-family: Georgia, 'Times New Roman', serif;
          padding: 0px 0 0 0;
        }
        .hasbanner #cart-info {
          position: relative;
          top: auto;
          right: auto;
          border: 8px solid #d9e4d6;
          padding: 10px 5px 0;
          height: 65px;
        }
          #cart-info-pos {
            float: left;
            position: relative;
            left: 50%;
          }
          
            #cart-info-pos2 {
              float: left;
              position: relative;
              right: 50%;
            }
              #cart-info img {
                float: left;
                margin-top: 9px;
              }
              #cart-info-count {
                font-size: 40px;
                line-height: 40px;
                color: #29b300;
                float: left;
                padding: 0 9px 0 12px;
              }
              .hasbanner #cart-info-count {
                padding: 0 7px 0;
              }
        
              #cart-info .inner {
                float: left;
                padding: 11px 0 5px;
                line-height: 16px;
              }
              #cart-info a {
                font-family: Helvetica, Arial, Verdana, sans-serif;
                font-size: 12px;
              }
    
      /* navmenu */
      
        #navmenu {
          margin: 0;
          padding: 32px 0 25px 220px;
          list-style-type: none;
          width: 510px;
        }
          #navmenu li {
            display: inline;
            font: 18px/20px Georgia, 'Times New Roman', serif;
            padding: 0 10px;
          }
        
          #navmenu a {
            color: #303030;
          }
          #navmenu a.active {
            color: #219000;
          }
          

/******************** SHELF ********************/

  /* front-shelf */
    #front-shelf {
      height: 300px;
      width: 960px;
      overflow: hidden;
      background: #54684d url('../images/shelf.gif') repeat;
      position: relative;
    }
    
    .front-shelf-inner {
      height: 300px;
      width: 960px;
      overflow: hidden;
      position: absolute;
    }
    
    #shelf {
      background: #54684d url('../images/shelf.gif') repeat;
      position: relative;
      height: 130px;
    }
    
      /* shelf-top */
        .shelf-top {
          position: absolute;
          top: 10px;
          left: 10px;
          width: 940px;
          height: 45px;
          z-index: 1000;          
        }
    
      /* search */
        #search {
          float: right;
        }
        
        #shelf #search {
          margin: 42px 10px 0 0;
        }
        
          #search .textbox {
            float: left;
            border: 2px solid #709665;
            background: white url('../images/textbox.gif') repeat-x left top;
            color: #303030;
            padding: 2px 3px 3px;
            margin: 7px 0 0 0;
            width: 170px;
            font: 18px/20px Georgia, 'Times New Roman', serif;
          }
          #search .submit {
            float: left;
            margin: 5px 0 0 4px;
            padding: 0;
            width: 58px;
            height: 37px;
            background: url('../images/search_arrow.gif') 0 0;
          }
          
          #search .submit-hover {
            background-position: 0 -37px;
          }
          
          #search .cornerbox-center {
            padding: 0 0 0 6px;
          }
      
      /* cornerbox */
        .cornerbox, .cornerbox-light, .cornerbox-dark {
          float: left;
          display: block;
          height: 45px;
          outline: 0;
        }
        .cornerbox:hover, .cornerbox-light:hover, .cornerbox-dark:hover {
          text-decoration: none;
        }
        
        .cornerbox-left {
          float: left;
          display: block;
          width: 9px;
          height: 45px;
          background: url('../images/cornerbox.png') no-repeat 0 0;
        }
        
        .cornerbox:hover .cornerbox-left { background-position: 0 -270px;}
        
        * html .cornerbox-left, * html .cornerbox-right {
          background-image: none;
          display: none;
        }
        
        .cornerbox-center {
          float: left;
          display: block;
          height: 45px;
          padding: 0 9px;
          background: #627a5a;
        }
        .cornerbox:hover .cornerbox-center { background: #76946d; }
        
        .cornerbox-right {
          float: left;
          display: block;
          width: 9px;
          height: 45px;
          background: url('../images/cornerbox.png') no-repeat 0 -45px;
        }
        .cornerbox:hover .cornerbox-right { background-position: 0 -315px;}
        
        .cornerbox-light .cornerbox-left { background-position: 0 -90px; }
        /*.cornerbox-light:hover .cornerbox-left { background-position: 0 -360px; }*/
        .cornerbox-light .cornerbox-center { background: #29b300; }
        /*.cornerbox-light:hover .cornerbox-center { background: #30cc00; }*/
        .cornerbox-light .cornerbox-right { background-position: 0 -135px; }
        /*.cornerbox-light:hover .cornerbox-right { background-position: 0 -405px; }*/
        .cornerbox-dark .cornerbox-left { background-position: 0 -180px; }
        .cornerbox-dark .cornerbox-center { background: #383c36; }
        .cornerbox-dark .cornerbox-right { background-position: 0 -225px; }
        
      /* slider-obj */
      
        #front-shelf .slider-left {
          position: absolute;
          height: 170px;
          width: 65px;
          top: 75px;
          left: 0;
          background: url('../images/front_shelf_left.gif') no-repeat center center;
          cursor: pointer;
        }
        
        #front-shelf .slider-right {
          position: absolute;
          height: 170px;
          width: 65px;
          top: 75px;
          right: 0;
          background: url('../images/front_shelf_right.gif') no-repeat center center;
          cursor: pointer;
        }
        
        #front-shelf .slider-objs-outer {
          width: 830px;
          height: 300px;
          overflow: hidden;
          position: absolute;
          top: 0px;
          left: 65px;
          z-index: 100;
        }
          
          #front-shelf .slider-objs {
            position: absolute;
            width: 10000px;
            top: 0;
            left: 0;
            height: 300px;
          }
            #front-shelf .slider-obj {
              width: 850px;
              height: 300px;
              float: left;
              position: relative;
            }
            
              #front-shelf .slider-obj-inner {
                width: 170px;
                height: 300px;
                float: left;
                overflow: hidden;
                position: relative;
              }
            
              #front-shelf .slider-obj a {
                display: block;
                width: 140px;
                position: absolute;
                left: 5px;
                bottom: 10px;
              }
              #front-shelf .slider-obj a:hover {
                text-decoration: none;
              }
              #front-shelf .slider-obj img {
                display: block;
                width: 140px;
              }
              
        
        #shelf .slider-left {
          position: absolute;
          height: 130px;
          width: 30px;
          top: 0px;
          left: 0;
          background: url('../images/shelf_left.gif') no-repeat center center;
          cursor: pointer;
        }
        
        #shelf .slider-right {
          position: absolute;
          height: 130px;
          width: 30px;
          top: 0px;
          left: 645px;
          background: url('../images/shelf_right.gif') no-repeat center center;
          cursor: pointer;
        }
        #shelf .slider-objs-outer {
          width: 603px;
          height: 130px;
          overflow: hidden;
          position: absolute;
          top: 0px;
          left: 36px;
          z-index: 100;
        }
          #shelf .slider-objs {
            position: absolute;
            width: 10000px;
            top: 0;
            left: 0;
            height: 130px;
          }
            #shelf .slider-obj {
              width: 612px;
              height: 130px;
              float: left;
              position: relative;
              overflow: hidden;
            }
            
              #shelf .slider-obj-inner {
                width: 68px;
                height: 130px;
                float: left;
                overflow: hidden;
                position: relative;
              }
            
              #shelf .slider-obj a {
                display: block;
                width: 57px;
                position: absolute;
                left: 0;
                bottom: 22px;
              }
              #shelf .slider-obj a:hover {
                text-decoration: none;
              }
              #shelf .slider-obj img {
                display: block;
                width: 57px;
              }
    
/******************** CONTAINER ********************/

  /* container */ 
    #container {
      
    }
    
      /* container-left */
        #container-left {
          float: left;
          width: 150px;
          min-height: 10px;
          padding: 10px 25px 0 0;
        }
        
        * html #container-left {
          height: 10px;
        }
        
          /* mainmenu */
            #mainmenu {
              margin: 0;
              padding: 0;
              width: 150px;
              overflow: hidden;
              list-style-type: none;
            }
            
              #mainmenu li {
                font: 16px/18px Georgia, 'Times New Roman', serif;
                padding: 11px 0;
                border-bottom: 1px solid #d6d6d6;
                color: #555555;
              }
              #mainmenu li.active {
                padding: 11px 0 6px;
              }
              #mainmenu li.last {
                border-bottom: none;
              }
                #mainmenu ul {
                  margin: 0;
                  padding: 4px 0 0 10px;
                  list-style-type: none;
                }
                  #mainmenu li li {
                    font-size: 10px;
                    border-bottom: none;
                    padding: 3px 0;
                    font: 10px/13px Helvetica, Arial, Verdana, sans-serif;
                  }
                
                #mainmenu a {
                  color: #303030;
                }
                
                #mainmenu .active a, #mainmenu a.active, #mainmenu .active a.active {
                  color: #219000;
                }
                  #mainmenu li li a {
                    font-size: 12px;
                  }
                  
                  #mainmenu .active li a {
                    color: #303030;
                  }
                  
        
      /* container-center */
        #container-center {
          float: left;
          width: 490px;
          min-height: 10px;
        }
        #container-center.wide {
          width: 785px;
        }
        
        * html #container-center {
          height: 10px;
        }
        
          .padding-box {
            padding: 15px 0 15px;
          }
          
          .column-left, .column-center, .column-right, .column-inner {
            float: left;
            position: relative;
          }
          * html .column-right {
            margin-right: -3px;
          }
          
          
          
          /* two-column-wide */
            .two-column-wide .column-left {
              width: 150px;
            }
            
            .two-column-wide .column-right {
              padding: 0 0 0 20px;
              width: 320px;
            }
            
          /* two-column-big */
            .two-column-big .column-left {
              width: 185px;
              min-height: 10px;
            }
            
            .two-column-big .column-right {
              padding: 0 0 0 20px;
              width: 285px;
            }
            
          /* two-column */
            .two-column .column-left {
              width: 235px;
            }
            
            .two-column .column-right {
              margin-left: 20px;
              width: 235px;
            }
            
              .two-column .image-box {
                float: left;
                width: 85px;
              }
              
              .two-column .inner {
                float: left;
                margin: 0 -3px 0 15px;
                width: 135px;
              }
              
            
            
          /* three-column */
          
            .three-fixed-height {
              height: 270px;
            }
            .three-column .column-left {
              width: 150px;
            }
            
            .three-column .column-center {
              margin-left: 20px;
              width: 150px;
            }
            
            .three-column .column-right {
              width: 150px;
              margin-left: 20px;
            }
            
              .three-column .image-box {
                padding-bottom: 10px;
              }
          
          /* five-column */
            .five-column .column-inner {
              margin-right: 20px;
            }
            .five-column .column-inner-last {
              margin-right: 0;
            }
            
            * html .column-inner-last {
              margin-right: -3px;
            }
            .five-column .column-inner, .five-column .image-box img {
              width: 141px;
            }
          
          /* slider-box */
            .slider-box {
          
            }
          
            .slider-box .slider-left, .slider-box .slider-right {
              display: block;
              float: right;
              width: 17px;
              height: 25px;
              background: url('../images/slider_box.gif') no-repeat 4px -36px;
              margin-top: 7px;
              outline: none;
            }
          
            .slider-box .slider-right {
              margin-left: 5px;
              background-position: -47px -36px;
            }
          
            .slider-box .slider-left:hover {
              text-decoration: none;
              background-position: 4px 4px;
            }
            .slider-box .slider-right:hover {
              text-decoration: none;
              background-position: -47px 4px;
            }
          
            .slider-box .slider-objs-outer {
              position: relative;
              width: 490px;
              height: 380px;
              overflow: hidden;
            }
            .two-column-slider .slider-objs-outer {
              height: 145px;
            }
              .slider-box .slider-objs {
                position: absolute;
                top: 0;
                left: 0;
                width: 490px;
                height: 380px;
              }
              .two-column-slider .slider-objs {
                height: 145px;
              }
            
                .slider-box .slider-obj {
                  float: left;
                  width: 510px;
                  height: 350px;
                  padding-bottom: 0;
                  overflow: hidden;
                }
                .two-column-slider .slider-obj {
                  height: 125px;
                  overflow: hidden;
                }
          /* product-images */
            #product-images {
              position: relative;
            }
              .product-images .changer {
                
              }
                #product-images .changer-main {
                  height: 250px;
                  width: 185px;
                  overflow: hidden;
                  position: relative;
                }
                
                  #product-images .changer-main-obj {
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 250px;
                    width: 185px;
                    overflow: hidden;
                    display: none;
                  }
                  
                #product-images .changer-thumbs {
                  height: 40px;
                  margin-top: 8px;
                }
                  #product-images .changer-thumb {
                    border: 1px solid #d6d6d6;
                    height: 38px;
                    width: 38px;
                    background-position: center center;
                    float: left;
                    margin-right: 8px;
                    cursor: pointer;
                  }
                  #product-images .changer-thumb-active {
                    border: 3px solid #27ab00;
                    width: 34px;
                    height: 34px;
                  }
                  #product-images .changer-thumb-last {
                    margin-right: 0;
                    margin-left: 1px;
                  }
                  
                  * html #product-images .changer-thumb-last {
                    margin-right: -3px;
                  }
              
            #product-images .btn {
              margin-top: 3px;
            }    
              #product-images .btn-ico-view {
                text-align: center;
                width: 155px;
                background-position: 35px 4px;
              }
              #product-images .btn-ico-pdf {
                text-align: center;
                width: 148px;
                background-position: 42px 6px;
              }
              #product-images .btn-ico-sound {
                text-align: center;
                width: 155px;
                background-position: 22px 6px;
              }
      /* container-right */
        #container-right {
          float: left;
          width: 270px;
          min-height: 10px;
          padding: 0 0 0 25px;
        }
        
        * html #container-right {
          height: 10px;
          margin-right: -3px;
        }
        
          .colored-box {
            margin-top: 10px;
            background: #d9e4d6;
            padding: 20px;
          }
          
          .with-border {
            background: white;
            border: 10px solid #d9e4d6;
            padding: 10px;
          }
          
          .colored-box2 {
            margin-top: 10px;
            background: #219000;
            padding: 10px 20px;
            font: 16px/18px Georgia, 'Times New Roman', serif;
            text-align: center;
          }
          .with-border2 {
            background: white;
            border: 3px solid #219000;
            padding: 7px 17px;
          }
          
          
          .border-box {
            border-top: 1px solid #d6d6d6;
            padding: 15px 0;
          }
          #container-right .border-box {
            padding: 10px 20px 10px 19px;
            border: none;
            margin-top: 10px;
            border-left: 1px solid #d6d6d6;
          }
            .colored-box h1, .colored-box h2 {
              border-bottom: 1px solid #b7c0b5;
            }
            .with-border h1, .with-border h2 {
              border-bottom: 1px solid #d6d6d6;
            }
            .border-box h1, .border-box h2 {
              border-bottom: none;
            }
            
            /* product-info */
            
              #container-right .product-info {
                padding-top: 15px;
              }
            
              #container-right .product-info-left {
                float: left;
                width: 85px;
                min-height: 10px;
                overflow: hidden;
              }
            
              #container-right .product-info-right {
                float: left;
                padding: 0 0 0 15px;
                width: 130px;
              }
            
            /* border-list */
              #container-right .border-list li .left {
                float: left;
                font: 40px/44px Georgia, 'Times New Roman', serif;
                color: #29b300;
                width: 40px;
              
              }
              #container-right .border-list li .center {
                float: left;
                width: 140px;
                padding-top: 10px;
              }
              #container-right .border-list li .right {
                float: left;
                width: 50px;
                overflow: hidden;
                text-align: right;
              }
              
              #container-right .border-list li.last {
                padding-bottom: 0px;
              }
            
            /* news */
              .news ul {
                margin: 0;
                padding: 0;
                list-style-type: none;
              }
                .news li {
                  padding: 5px 0;
                }
         #container-right h2 .small {
           font-size: 12px;
           line-height: 14px;
           padding-top: 7px;
           float: right;
         }
    
    /* border-list */
      .border-list {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: block;
      }
        .border-list li {
          display: block;
          border-bottom: 1px solid #d6d6d6;
        }
        
        .colored-box .border-list li {
          border-bottom: 1px solid #b7c0b5;
          padding: 10px 0;
        }
        .with-border .border-list li {
          border-bottom: 1px solid #b7c0b5;
        }
        
        .border-list li.last, .border-list li.no-border {
          border-bottom: none;
        }
        
        .border-list  li.total {
          border: none;
          background: #ecf1ea;
        }
        
        
          .border-list .first, .border-list .second, .border-list .third, .border-list .fourth  {
            float: left;
          }
        
          .border-list .first {
            width: 90px;
            font-family: Georgia, 'Times New Roman', serif;
            overflow: hidden;
          }
          
          .border-list li.total .first {
            width: 150px;
            text-align: right;
          }
          .border-list .second {
            width: 60px;
            padding: 0 5px;
          }
          .border-list li.total .second {
            width: 160px;
            color: #219000;
            font-family: Georgia, 'Times New Roman', serif;
            font-weight: bold;
            width: 65px;
            padding: 0;
            text-align: right;
          }
            .border-list .second div {
              float: left;
              width: 34px;
              text-align: center;
            }
          
          .border-list .third {
            color: #219000;
            font-family: Georgia, 'Times New Roman', serif;
            width: 50px;
            text-align: right;
          }
        
          .border-list .fourth {
            width: 13px;
            padding-left: 5px;
          }
          
          * html .border-list .fourth {
            margin-right: -3px;
          }
      
          .border-list a.add, .border-list a.remove, .border-list a.delete {
            display: block;
            float: left;
            width: 13px;
            height: 13px;
            background: url('../images/cart_icos.gif') no-repeat;
          }
        
            .border-list a.add { background-position: 0px -26px; }
            .border-list a.add:hover { background-position: -26px -26px; }
            .border-list a.remove:hover { background-position: -26px 0px; }
            .border-list a.delete { background-position: 0px -52px; }
            .border-list a.delete:hover { background-position: -26px -52px; }
    
    /* listing */
      
      .detail-list li {
        padding: 10px 0;
      }
        .detail-first {
          float: left;
          width: 65px;
          padding-right: 10px;
        }
          .detail-first img {
            width: 65px;
          }
        .detail-second {
          float: left;
          width: 305px;
        }
        .detail-third {
          float: left;
          width: 100px;
          padding-left: 10px;
          margin-right: -3px;
          text-align: right;
        }
    
    /* shopping-cart */
      .shopping-cart, .shopping-cart-contact {
        border-collapse: collapse;
        width: 100%;
      }
      .shopping-cart-contact {
        margin-top: 15px;
      }
        .shopping-cart th, .shopping-cart td {
          padding: 6px 9px;
          
        }
        .shopping-cart th {
          font-size: 12px;
          font-weight: bold;
          text-align: left;
        }
        .shopping-cart td {
          vertical-align: top;
          border-top: 1px solid #efefef;
        }
        .shopping-cart td.gray {
          background: #f7f7f7;
        }
        .shopping-cart td.padding0 {
          padding-left: 0;
          padding-right: 0;
        }
        .shopping-cart .gray td {
          background: #efefef;
          vertical-align: middle;
        }
        .shopping-cart select {
          vertical-align: middle;
        }
        .shopping-cart .big {
          font-size: 24px;
          padding-bottom: 10px;
        }
        .shopping-cart .first {
          padding-right: 2px;
        }
        .shopping-cart .first img {
          width: 62px;
        }
        .shopping-cart-delete, .shopping-cart-add {
          display: block;
          height: 21px;
          width: 21px;
          background: url('../images/cart_icons2.gif') no-repeat top left;
          outline: 0;
          float: left;
        }
        .shopping-cart-add {
          background-position: right top;
        }
        * html .shopping-cart-add {
          margin-right: -3px;
        }
        .shopping-cart-count {
          width: 36px;
          float: left;
          font-size: 18px;
          line-height: 20px;
          text-align: center;
          padding-top: 3px;
        }
        .shopping-cart-actions {
          width: 78px;
        }
        .shopping-cart .btn-inn, .shopping-cart-contact .btn-inn {
          width: 84px;
          text-align: center;
        }
        .shopping-cart .textbox, .shopping-cart-contact .textbox {
          border: 1px solid #c9c9c9;
          background: white;
          font: 12px/14px Helvetica, Arial, Verdana, sans-serif;
          color: #303030;
          padding: 6px 4px 0;
          height: 17px;
          vertical-align: middle;
          margin-left: 10px;
        }
        
        .shopping-cart-contact .textbox {
          width: 124px;
          margin-left: 0;
        }
        .shopping-cart-contact select {
          width: 134px;
        }
        .shopping-cart-contact td {
          vertical-align: top;
          padding: 3px 0;
        }
        .shopping-cart-contact .first {
          font-weight: bold;
          width: 120px;
          padding-left: 20px;
        }
        .shopping-cart-contact .required {
          background: url('../images/required.gif') no-repeat 3px 4px;
          padding-left: 24px;
          width: 104px;
        }
        .shopping-cart-contact .lightgreen td {
          padding: 8px 0;
        }
          .shopping-cart-contact .lightgreen td div {
            background: #ebffe5;
            padding: 5px 0;
          }
        .shopping-cart-contact .hasborder td {
          border-top: 1px solid #efefef;
          padding: 6px 0;
        }
        
    /* form-table */
      .form-table  {
        border-collapse: collapse;
        border: none;
        margin-top: 20px;
      }
        .form-table td {
          padding: 6px 9px;
          vertical-align: top;
        }
        .form-table .textbox {
          border: 1px solid #c9c9c9;
          background: white;
          font: 12px/14px Helvetica, Arial, Verdana, sans-serif;
          color: #303030;
          padding: 6px 4px 0;
          height: 17px;
          vertical-align: middle;
          margin-left: 10px;
          width: 230px;
        }
        
        .form-table textarea.textbox {
          height: 70px;
        }
        .form-table .first {
          padding-right: 30px;
        }
        
        .form-table .required {
          
          background: url('../images/required.gif') no-repeat 3px 4px;
          padding-left: 24px;
          width: 210px;
        }
      
    /* star-rating */
      .star-rating {
        float: right;
      }
        .star-rating-stars {
          float: left;
        }
        * html .star-rating-stars {
          margin-right: -3px;
        }
        
        .star-rating-text {
          float: left;
          padding-top: 2px;
          padding-right: 5px;
        }
    /* comment */
      .comment {
        padding-bottom: 15px;
      }
        .comment-author {
          color: #219000;
          font-weight: bold;
        }
        .comment-date {
          color: #a4a4a4;
          font-size: 9px;
        }
        
      #commentform {
        position: relative;
      }
        #commentform .inner {
          background: #d9e4d6;
          padding: 3px 8px 8px 8px;
        }
        
        #commentform .textbox {
          margin: 5px 0 0;
          padding: 3px 7px;
          font: 12px/14px Helvetica, Arial, Verdana, sans-serif;
          color: #303030;
          width: 155px;
          border: none
        }
        #commentform textarea.textbox {
          height: 86px;
        }
    
    /* listing-actions */
      .listing-actions {
        background: #efefef;
        padding: 10px 8px;
      }
        .listing-actions-inner {
          height: 22px;
          float: left;
          padding: 3px 10px 0 0;
        }
        .listing-actions select {
          vertical-align: middle;
          font: 12px/14px Helvetica, Arial, Verdana, sans-serif;
        }
        .listing-actions-right {
          float: right;
        }
        
        
/******************** FOOTER ********************/

  /* footer */
    #footer {
      border-top: 1px solid #c5c5c5;
      background: #eaeaea;
      margin-top: 20px;
      font-size: 11px;
    }
      #footer a {
        color: #777777;
      }
      
      #footer .title {
        font: bold 12px/14px Helvetica, Arial, Verdana, sans-serif;
        display: block;
        padding-bottom: 4px;
      }
    
      #footer-right {
        float: right;
        padding: 15px 15px 0 0;
        width: 250px;
      }
        #footer-right form, #footer-right .thanks-text {
          font-weight: bold;
          float: left;
        }
        
        #footer-right .thanks-text {
          padding-top: 20px;
         font-size: 15px;
        }
        
        #footer-right div {
          float: left;
          clear: both;
        }
        
        #footer-right .search-inner {
          border: 1px solid #aaaaaa;
          background: white;
          margin-top: 4px;
          width: 250px;
        }
        
        #footer-right .textbox {
          border: none;
          background: white;
          font: 12px/14px Helvetica, Arial, Verdana, sans-serif;
          color: #303030;
          float: left;
          padding: 4px 3px 3px;
          margin: 0;
          width: 225px;
        }
        
        #footer-right .submit {
          float: left;
          margin: 1px 0 0;
          padding: 0;
        }
      
      #footer-inner {
        width: 665px;
        padding: 15px 0;
        
      }
      
      .footer-inner {
        float: left;
        padding: 0 15px;
      }
      
/******************** DIALOG ********************/


  #simplemodal-overlay {
    background-color:#dfffd6;
  }
  
  .dialog-logo {
    width: 190px;
    height: 62px;
    background: url('../images/dialog_logo.gif');
  }
  .dialog-inner {
    clear: both;
    border: 10px solid #d9e4d6;
    background: white;
    text-align: left;
  }
  
  .dialog-white, .dialog-green {
    padding: 10px 20px;
  }
  
  .dialog-green {
    background: #ebffe5;
  }
  
  .dialog-close {
    font-size: 16px;
    float: right;
    color: #219000;
  }
  
  .dialog-inner table {
    width: 100%;
    border-collapse: collapse;
    border: none;
  }
  
  .dialog-inner td {
    padding: 5px 3px;
  }
  
  .dialog-inner .textbox {
    border: 1px solid #c9c9c9;
    background: white;
    padding: 6px 3px;
    height: 15px;
    font: 12px/14px Helvetica, Arial, Verdana, sans-serif;
  }
  
/******************** LOGIN ********************/
  
  #logincontainer {
    width: 360px;
    position: absolute;
    left: 50%;
    margin-left: -180px;
    padding: 70px 0;
    z-index: 90000;
    display: none;
    text-align: left;
  }
    #logincontainer .textbox {
      width: 178px;
    }
    
    #logincontainer .form-cell {
      width: 188px;
    }
    
    #logincontainer td {
      text-align: right;
    }
    
/******************** REGISTRATION ********************/

  #regcontainer {
    width: 450px;
    position: absolute;
    left: 50%;
    margin-left: -225px;
    padding: 70px 0;
    z-index: 90000;
    line-height: 20px;
    display: none;
    text-align: left;
  }
    #regcontainer p {
      padding: 8px 0;
    }
    
    #regcontainer .lightgreen td {
      background: #ebffe5;
      padding-right: 23px;
    }
    #regcontainer td {
      vertical-align: top;
    }
    #regcontainer .padding23 {
      padding-left: 23px;
      padding-right: 23px;
    }
    #regcontainer .first {
      padding-left: 23px;
      font-weight: bold;
      width: 90px;
      padding-right: 3px;
    }
    #regcontainer td td {
      padding-left: 3px;
      padding-right: 3px;
    }
    #regcontainer .textbox {
      width: 173px;
    }
    #regcontainer select {
      width: 211px;
    }
    #regcontainer .required {
      background: white url('../images/required.gif') no-repeat 3px 4px;
      padding-left: 24px;
      width: 152px;
    }
    
    
/******************** BOOK-PREVIEW ********************/

  #book-preview {
    width: 832px;
    height: 650px;
    position: fixed;
    left: 50%;
    top: 20px;
    margin-left: -416px;
    z-index: 90000;
    line-height: 20px;
    display: none;
    text-align: left;
  }
  * html #book-preview {
    position: absolute;
    margin-top: -325px;
    top: 50%;
  }
    #book-preview .dialog-inner {
      height: 630px;
    }
    
    /* book-preview-header */
    
      #book-preview-header {
        border-bottom: 1px solid #d9e4d6;
        padding: 10px 22px 5px;
      }
      
        #book-preview-logo {
          float: left;
          width: 100px;
          min-height: 10px;
        }
        
        * html #book-preview-logo {
          height: 10px;
        }
          #book-preview-logo img {
            display: block;
          }
        
        #book-preview-title {
          float: left;
          width: 598px;
          padding-top: 3px;
        }
        * html {
          height: 10px;
        }
          #book-preview-title .title {
            display: inline;
            color: #219000;
          }
        
        #book-preview-close {
          float: left;
          width: 70px;
          text-align: right;
          font-size: 10px;
          padding-top: 5px;
        }
        
        * html #book-preview-close {
          margin-right: -3px;
        }
          #book-preview-close a {
            color: #303030;
          }
    /* book-preview-actionbox */
      #book-preview-actionbox {
        position: relative;
        height: 40px;
      }
        #book-preview-zoom {
          position: absolute;
          top: 7px;
          right: 30px;
          z-index: 10;
        }
          #book-preview-zoom .zoom-in {
            display: block;
            width: 28px;
            height: 25px;
            outline: none;
            text-decoration: none;
            text-indent: -5000px;
            float: left;
            background: url('../images/book_preview_action.gif') no-repeat 0 0;
            margin-right: 4px;
            cursor: pointer;
          }
          #book-preview-zoom .zoom-in:hover {
            background-position: -28px 0;
          }
          #book-preview-zoom .zoom-out {
            display: block;
            width: 28px;
            height: 25px;
            outline: none;
            text-decoration: none;
            text-indent: -5000px;
            float: left;
            background: url('../images/book_preview_action.gif') no-repeat 0 -25px;
            cursor: pointer;
          }
          #book-preview-zoom .zoom-out:hover {
            background-position: -28px -25px;
          }
        #book-preview-actionbox-inner {
          float: left;
          position: relative;
          left: 50%;
        }
          #book-preview-actionbox-inner2 {
            float: left;
            position: relative;
            right: 50%;
            padding-top: 7px;
          }
            #book-preview-actionbox .view-prev {
              display: block;
              width: 28px;
              height: 25px;
              outline: none;
              text-decoration: none;
              text-indent: -5000px;
              float: left;
              margin-right: 7px;
              background: url('../images/book_preview_action.gif') no-repeat 0 -50px;
              cursor: pointer;
            }
              #book-preview-actionbox .view-prev:hover {
                background-position: -28px -50px;
              }
            #book-preview-actionbox .preview-count {
              float: left;
              margin-right: 7px;
              
              background: url('../images/book_preview_action_count.gif');
            }
               #book-preview-actionbox .preview-count-inn {
                  float: left;
                  background: url('../images/book_preview_action_count.gif') right -25px;
                  height: 21px;
                  padding: 4px 10px 0;
                }
                #book-preview-actionbox .preview-count-current {
                  font-size: 18px;
                  color: #55ba5a;
                  font-weight: bold;
                }
            #book-preview-actionbox .view-next {
              display: block;
              width: 28px;
              height: 25px;
              outline: none;
              text-decoration: none;
              text-indent: -5000px;
              float: left;
              background: url('../images/book_preview_action.gif') no-repeat 0 -75px;
              cursor: pointer;
            }
              #book-preview-actionbox .view-next:hover {
                background-position: -28px -75px;
              }
    
    /* book-preview-content */
      #book-preview-content {
        background: #686666 url('../images/book_preview_content.gif') repeat-y;
        height: 495px;
      }
        #book-preview-content-left {
          float: left;
          width: 130px;
          height: 495px;
        }
          #book-slider {
          }
            #book-slider .prev-box {
              height: 35px;
              background: url('../images/book_slider_prev.gif') no-repeat top left;
              cursor: pointer;
            }
            
            #book-slider .slider-outer {
              height: 425px;
              width: 130px;
              position: relative;
              overflow: hidden;
            }
              #book-slider .slider-objs {
                width: 130px;
                position: absolute;
                top: 0;
                left: 0;
                
              }
              
              #book-slider .slider-obj {
                height: 65px;
                width: 120px;
                cursor: pointer;
                padding: 10px 5px;
                overflow: hidden;
                text-align: center;
                font-size: 10px;
                font-weight: bold;
                color: white;
              }
              
              #book-slider .slider-obj-active {
                background: #696767;
              }
              
                #book-slider .slider-obj img {
                  display: block;
                  margin: 0 auto;
                }
            
            #book-slider .next-box {
              height: 35px;
              background: url('../images/book_slider_next.gif') no-repeat left bottom;
              cursor: pointer;
            }
            
        #book-preview-content-right {
          float: left;
          height: 495px;
          width: 682px;
        }
        * html #book-preview-content-right {
          margin-right: -3px;
        }
          #book-slider-main {
            height: 495px;
            width: 682px;
            overflow: auto;
            line-height: 495px;
            position: relative;
          }
            #book-slider-main img {
              vertical-align: middle;
            }
              #book-slider-main .slider-content-obj {
                text-align: center;
                line-height: 495px;
                display: none;
              }
              
              #book-slider-main img {
              }
            
        
    /* book-preview-bottom */
      #book-preview-bottom {
        height: 32px;
        padding: 15px 25px 0;
      }
        
        #book-preview-bottom .big {
          float: left;
          font-size: 25px;
          line-height: 25px;
          padding-right: 15px;
        }
        
        
.payment_option{
    cursor:pointer;
    font-size:16px;
    padding:15px;
    margin:16px;
    border:1px solid #E6E6E6;
    background:#CCFFDE;
    overflow:auto;
}             
.payment_col{
    line-height:24px;
    float:left;
    padding-left:15px;
    height:25px;
}