/*
Basic elements
========================================*/

*{margin: 0px;padding: 0px;}
img{border: 0px}

html, body {
    color: #000000;
    font-size: 11px;
    font-family: Arial, Verdana, Trebuchet MS, Sans-Serif;
    text-transform: lowercase;
  
}

h2{font-size: 16px;font-weight: lighter}

div.clear{clear: both}

a, a.s{color: #000;text-decoration: none}
a:hover, a.s{color: #5a8739}

/*
Content elements
========================================*/

#body{background: #000}

div#wrapper{width: 925px;height: 800px;margin: 0px auto;background: #fff}

div#media{position: absolute;width: 925px;height: 570px}

div.layer{position: absolute;width: 925px;height: 570px}

div#iframe{position: absolute;top: 570px;width: 925px;height: 800px}

/*
Controlpanel elements
========================================*/

div#overmedia{position: absolute;width: 925px;height: 570px}
    div#overmedia div.choosebox{position: absolute;top: 10px;left: 10px;min-width: 150px;max-width: 470px;padding: 5px;background: url(../gfx/sp.png)}
    div#overmedia div.zoombox{position: absolute;bottom: 0px;right: 0px;min-width: 35px;max-width: 35px;border: solid 0px #F00}
    
div.info{margin-top: 5px;width: 925px;border: solid 0px #0F0;}
div#handles{width: 660px}

    div.right{float: right;border: solid 0px #F00}
        div.right ul{list-style-type: none;}
            div.right ul li{float: right;display:inline;margin-left: 5px;vertical-align: top}


    div.left{float: left;border: solid 0px #F00}
        div.left ul{list-style-type: none;}
            div.left ul li{display:inline;margin-right: 5px;vertical-align: top}
            
           
            
    div.choosebox{background: #fff;min-height: 10px;border: solid 0px #F00}
    
      div.choosebox2{background: #fff;min-height: 10px;border: solid 0px #F00;width: 720px;height: 100px}
      
    
div.cbox{float: left;margin: 5px 0px 0px 11px;width: 95px;height: 100px;border: solid 0px #000}
    div.cboxext{margin: 5px 0px 0px 0px;text-transform}

    div.cbox p{text-transform: uppercase}

 div.sq{background: #fff;border: solid 0px #FF0;margin-bottom: 0px;height: 100px}   

div.groups{float: left;border: solid 0px #F00}

div.pagingbox{margin-top: 40px;text-align: center;border: solid 0px #000}

.txt{background: #e2e2e2;border: 0px;width: 300px;padding: 2px;}

.btn{background: #e2e2e2;border: 0px;padding: 2px 5px;cursor: pointer}

.btn:hover{background: #000000;color: #ffffff}

.nwl{border: solid 0px #000;border-bottom-width: 5px;}
.nwl:hover, .nwls{border-bottom-color: #3b9fe0;color: #3b9fe0}

div.shopwrap{
          float: right;
          margin-top: 20px;
          width: 260px;
          min-height: 250px;
          border: solid 0px #F00
      }
      
      
      div.shoplist table{border: solid 0px #000;border-collapse: collapse}
      
      div.wbbuybutton{float: left; background: #fff;border: solid 0px #F00;width: 75px;height: 52px;}
      div.shoplist{float: right;width: 180px;}
      div.shoplist table td div{width: 180px;}
      .buyitems{width:180px;background: #000;color: #FFF;padding: 5px;text-align: left;border: solid 0px #FFF;cursor: pointer}
     .buyitems:hover{background: #ccc;color: #000;}
     
     table.basketlist{width: 100%;border: solid 0px #000;border-collapse: collapse}
     table.basketlist tr td{background: #ccc;border: solid 0px #000;border-collapse: collapse;padding: 5px}
     table.basketlist tr td.alt{background: #aeadad;}
     .si{background: #4d4d4d;padding: 5px;color: #FFF}