.rounded(@radius: 6px) {
    -webkit-border-radius: @radius;
    -moz-border-radius: @radius;
    border-radius: @radius;
    behavior: url('/css/PIE.php');
}

.rounded_right(@radius: 6px) {
    -webkit-border-radius: 0 @radius @radius 0;
    -moz-border-radius: 0 @radius @radius 0;
    border-radius: 0 @radius @radius 0;
    behavior: url('/css/PIE.php');
}

.rounded_left(@radius: 6px) {
    -webkit-border-radius: @radius 0 0 @radius;
    -moz-border-radius: @radius 0 0 @radius;
    border-radius: @radius 0 0 @radius;
    behavior: url('/css/PIE.php');
}

.rounded_top(@radius: 6px) {
    -webkit-border-radius: @radius @radius 0 0;
    -moz-border-radius: @radius @radius 0 0;
    border-radius: @radius @radius 0 0;
    behavior: url('/css/PIE.php');
}

.rounded_bottom(@radius: 6px) {
    -webkit-border-radius: 0 0 @radius @radius;
    -moz-border-radius: 0 0 @radius @radius;
    border-radius: 0 0 @radius @radius;
    behavior: url('/css/PIE.php');
}

@purple: #364682;
@blue: #03c0e8;
@greyBack: #f2f2f2;
@blueBack: #e6edff;

@submenuBlue: #3bb3c2;
@submenuBrown: #b8663d;
@submenuYellow: #f2bf00;
@submenuOlive: #8a8f5e;

*{
  color: @purple;
}

a{
  color: @purple;

}

.desc {
  p {
    text-align: justify;
  }

  h2:first-child{
    margin-top: 0px;
  }
}

.Content {
  p {
    text-align: justify;
  }
}


.wrapper,
.desc{
  zoom: 1;
}

#layoutDefault{
  width: 940px;
  margin: 0 auto;

  #content{
    .wrapper.homepage{
      width: 940px;
      background: url('/p/homepage_content_wrapper.png');
      background-position: 0px, 10px;
      height:  200px;
      margin-bottom: 30px;
      margin-top: 5px;
      position: relative;

      #columnLeft,
      #columnRight{
        margin-bottom: 0px;
        margin-top: -5px;
      }

    }
  }
}

.wrapper{
  position: relative;
}

#header{
  margin-bottom: 18px;
}

#properHeader{
  height: 161px;
  background: #e6edff url('/p/topmenu_bg.png') repeat-x bottom left;

  div:first-child{
    width: 940px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  #quicksearch_quicksearcherrorbox{
    width: 300px;
  }
  #quickSearchContainer{
    position: absolute;
    width: 252px;
    height: 24px;
    top: 47px;
    right: 96px;
    overflow: hidden;
  }
}

#properHeader.withSubmenu{
  margin-bottom: 42px;
}

#languageBox{
  margin: 0;
  position: absolute;
  width: 62px;
  height: 28px;
  top: 45px;
  right: 11px;

  li{
    width: 28px;
    height: 28px;
    margin-right: 3px;

    a{
      display: block;
      width: 100%;
      height: 100%;
      background: transparent url('/p/countries.png') no-repeat 0 0;

      span{
        display: none;
      }
    }

    a.en{
      background-position: 0 -28px;
    }
  }
}

#mainLogo{
  position: absolute;
  top: 0;
  left: 0;
}

#mainMenu{
  margin: 0;
  position: relative;
  margin: 104px 0 9px 308px;
  height: 25px;

  li{
    margin-left: 8px;

    a{
      display: block;
      height: 19px;
	  width: 80px;
	  text-align:center;
      border: 1px solid #fff;
      border-bottom: 0;
      padding: 0;
      line-height: 15px;
      position: relative;
      background: #fff url('/p/gradients/topmenu.png') repeat-x 0 0;
      color: @purple;
      font-size: 120%;
      text-transform: lowercase;
      .rounded_top(3px);
    }
  }

  li.offer{
    a{
      background: #fff url('/p/gradients/topmenu.png') repeat-x 0 0;
      width: 80px;
      padding: 0;
      border: 0;
      height: 20px;
      text-align: center;

      span{
        font-weight: bold;
      }
    }
  }

  li.active{
    a{
      height: 23px;
      border-bottom: 1px solid #fff;
      line-height: 22px;
      .rounded(3px);
    }
  }

  li.offer.active{
    a{
      height: 25px;
      border: 0;
    }
  }
}

.submenu-container{
  height: 76px;
  clear: both;
  width: 100%;
  background: transparent url('/p/submenu_bg.png') repeat-x 0 0;

  div{
    width: 940px;
    margin-left: auto;
    margin-right: auto;
    height: 76px;
  }
}

.submenu-container.submenu_0{
  background-position: 0 -304px;
}
.submenu-container.submenu_1{
  background-position: 0 -76px;
}
.submenu-container.submenu_2{
  background-position: 0 -152px;
}
.submenu-container.submenu_3{
  background-position: 0 -228px;
}

#subMenu{
  height: 76px;
  margin: 0 0 9px 0;
  background: transparent url('/p/submenu_bg.png') repeat-x 0 0;
  zoom: 1;
  margin-left: auto;
  margin-right: auto;
  width: 940px;

  li{
    width: 225px;
    height: 41px;
    margin-top: 7px;
    margin-right: 13px;
    background: transparent url('/p/tabs.png') no-repeat bottom left;

    a{
      display: block;
      padding: 5px 10px;
      height: 32px;

      span{
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 13px;
      }
    }
  }

  li.last{
    margin-right: 0;
    margin-left: 1px;
  }

  li.active{
    margin-top: 0;
    height: 48px;

    a{
      padding-top: 12px;
    }
  }

  li.submenu_0{
    background-position: -675px bottom;
  }

  li.submenu_1{
    background-position: 0 bottom;
  }

  li.submenu_2{
    background-position: -225px bottom;
  }

  li.submenu_3{
    background-position: -450px bottom;
  }
}

#subMenu.submenu_0{
  background-position: 0 -304px;
}
#subMenu.submenu_1{
  background-position: 0 -76px;
}
#subMenu.submenu_2{
  background-position: 0 -152px;
}
#subMenu.submenu_3{
  background-position: 0 -228px;
}

#spotlightsContainer{
  margin-top: 14px;
  width: 940px;
  margin-left: auto;
  margin-right: auto;

  .header{
    position: relative;
    border: 1px solid #e6edff;
    height: 23px;
    .rounded_top(6px);

    ol{
      margin: 0 auto;
      text-align: center;
      float: none;

      li{
        display: inline;
        float: none;
        line-height: 23px;
        color: @purple;
        font-weight: 100;

        a{
          color: @purple;
        }
      }

      li.selected{
        a{
          font-weight: 800;
          font-size: 13px;
        }
      }
    }
  }

  #spotlightsSlider{
    width: 100%;
    height: 248px;

    a{
      width: 100%;
      height: 100%;

      .imageRotate-container{
        height: 60px;
      }

      .imageRotate-shadow{
        background: #27325E;
        opacity: 0.8;
        filter: alpha(opacity = 80);
      }

      .spot{
        color: #fff;
        padding: 15px;

        .title{
          color: #fff;
          font-size: 14px;
          font-weight: bold;
        }

        .description{
          color: #fff;
          font-size: 11px;
        }
      }
    }
  }
}

#columnLeft{
  width: 300px;
  float: left;
  margin-bottom: 16px;
}

#columnRight{
  width: 620px;
  float: right;
  margin-bottom: 16px;
  position: relative;
}

#columnRight.full-width{
  width: 937px;
}

.box-top{
  //height: 24px;
  line-height: 24px;
  color: @purple;
  border: 1px solid #e6edff;
  position: relative;
  margin: 0;
  padding: 0 10px;
  .rounded_top(6px);
}

#hpNewsListContainer,
.leftMenu{
  position: relative;

  ol,
  ul{
    background: @greyBack;
    margin: 0;
    padding: 0;
    overflow: hidden;

    li{
      background: transparent url('/p/hp_news_list_border.png') repeat-x bottom left;
      list-style-position: outside;
      padding: 8px;

      a{
        color: @purple;
        font-size: 11px;
        display: block;

        span.bold{
          font-weight: bold;
        }
      }
      a.more{
        display: block;
        text-align: right;
        margin-top: 10px;
        font-size: 100%;
      }

      a.showall{
        font-size: 100%;
      }
    }

    li.last{
      background: transparent;
    }

    li.active{
      a{
        font-weight: bold;
      }
    }
  }

  img{
    display: block;
  }
}
#hpNewsListContainer{
  position: relative;

  ol{
    //height: 220px;
  }
}
#hpNewsListContainer.homepage{
  ol li{
    height: 42px;
  }
}

#superNewsContainer,
#newsContainer{

  .wrapper{
    background: @greyBack;
    padding: 15px;
    padding-bottom: 30px;
    //height: 175px;
    overflow: hidden;
    line-height: 1.3em;
    position: relative;
    height: 139px;
    max-height: 129px;

    h1:nth-child(2),
    h2:nth-child(2),
    h3:nth-child(2),
    h4:nth-child(2),
    b:nth-child(2),
    p:nth-child(2){
      margin-top: 0px;
    }

    img{
      float: left;
      margin: 0 15px 10px 0;
    }

    a.more{
      color: @purple;
      display: block;
      text-align: right;
      margin-top: 10px;
      position: absolute;
      right: 15px;
    }
  }
}

#newsContainer{
  margin-bottom: 15px;

  .wrapper{
    height: auto;
    max-height: 500px;

    a img{
      margin-bottom: -10px;
    }
  }
}

#newsContainer.last{
  margin-bottom: 0;
}


#hpFooterLinks{
  background: #fff;
  padding: 16px 0 14px 33px;
  margin-bottom: 10px;

  ul{
    margin: 0;
    float: none;
    height: 75px;
    text-align: center;

    li{
      display: inline;
      float: none;
      margin-right: 20px;
    }
  }
}

#standardFooter{
  background: @blueBack;
  margin-top: 15px;
  padding: 0px;

  >div{
    width: 940px;
    float: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -10px;
  }

  h3{
    text-align: center;
    color: #364682;
    font-size: 18px;
    height: 43px;
    line-height: 43px;
    margin: 0 0 10px 0;
    letter-spacing: 7px;
    background: transparent url('/p/footer_h3_back.png') repeat-x bottom left;
  }

  .copyrights{
    color: #364682;
    float: left;
    margin:0 0 16px 90px;
    font-weight: bold;
  }

  .designedby{
    text-align: right;
    color: #666666;
    width: 220px;
    float: right;
    margin: 0 95px 16px 0;

    a{
      color: #666666;
    }
  }
}

h2{
	font-size: 14px;
}

.submenu_0 h2.box-top,
.submenu_1 h2.box-top,
.submenu_2 h2.box-top,
.submenu_3 h2.box-top{
  color: #fff;
  .rounded(6px);

  a{
    color: #fff;
  }
}

.submenu_0{
  h2.box-top{
    border: 1px solid #88905f;
  }
}
.submenu_1{
  h2.box-top{
    border: 1px solid #3bb3c3;
  }
}
.submenu_2{
  h2.box-top{
    border: 1px solid #b6673c;
  }
}
.submenu_3{
  h2.box-top{
    border: 1px solid #f3be00;
  }
}


.Product,
.News,
.TextPageBox{
  .Content,
  .desc{
    background: @greyBack;
    padding: 20px;

    .productImg{
      float: left;
      margin: 0 20px 10px 0;
    }

    h1:nth-child(2),
    h2:nth-child(2),
    h3:nth-child(2),
    h4:nth-child(2),
    b:nth-child(2),
    p:nth-child(2){
      margin-top: 0px;
    }
    h1:first-child,
    h2:first-child,
    h3:first-child,
    h4:first-child,
    b:first-child,
    p:first-child{
      margin-top: 0px;
    }

    .more-info{
      float: right;
      clear: right;
      margin-top: 10px;
    }
  }
}


.News{
  .desc{
    background: @greyBack;
  }
}

.TextPageBox{
  .desc{
    background: @greyBack;
    padding: 20px;
  }
}

.PageNavigator{
  margin: 10px 0;
  position: relative;

  .Pages{
    margin: 0 120px;
    float: none;
    text-align: center;

    li{
      display: inline;
      float: none;
      font-weight: normal;
      color: #364682;
      line-height: 23px;

      a{
        color: #364682;
        font-weight: normal;
      }
    }

    li.active{

      a{
        font-weight: bold;
      }
    }
  }

  .next,
  .prev{
    position: absolute;
    top: 0;
    left: 0;
    line-height: 23px;
  }

  .next{
    left: auto;
    right: 0;
  }
}

#textpageGallery{
  margin: 10px 0;
  position: relative;

  li{
    width: 100px;
    height: 100px;
    float: left;
    margin: 0 20px 10px 0;
  }

  li.nomargin{
    margin-right: 0;
  }
}

#searchResults{
  .search-results-list{
    margin: 15px 0;

    li{
      margin-bottom: 15px;

      div{
        background: @greyBack;
        padding: 10px;

        a{
          display: block;
          margin-top: 10px;
          color: @blue;
        }
      }
    }
  }
}