html,
	body {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #EFEFEF;
}

body {
  color: #EFEFEF;
  padding: 0px;
  font: 13px "Arial", sans-serif;
  margin: 0px;
}

#loader {
  position: absolute;
  left: 0px;
  top: 0px;
  text-align: left;
  padding: 0px 0px;
  margin: 0px;
  display: none;
}

#scenediv {
  position: absolute;
  text-align: left;
  padding: 0px 0px;
  margin: 0;
  width: 900px;
  height: 506px;
  visibility: hidden;
}

#zoomSliderContainer {
  position: absolute;
  left: 834px;
  top: 215px;
}

.ui-slider {
  border: 1px solid #aaaaaa;
  background: #ffffff;
}

.ui-slider .ui-widget-header {
  background: #0083CA;
}

.ui-corner-all {
  visibility: hidden;
}

.ui-slider .ui-slider-handle {
  width: 41px;
  height: 16px;
  background: url(../images_gl/zoom_handle_up.png) no-repeat;
  overflow: hidden;
  position: absolute;
  left: -2px;
  border-style: none;
  outline: none;
}

.ui-slider-handle-hover {
      width:41px;
      height:16px;
      background:url("../images_gl/zoom_handle_down.png") no-repeat; overflow:hidden; 
}



.pos{
  position: absolute;
  left: 0;
  top: 0;
  text-align: left;
  padding: 0;
  margin: 0;
  width: 253px;
  height: 98px;
  
}
.pos1{
  position: absolute;
  right: 0;
  top: 0;
  text-align: left;
  padding: 0;
  margin: 0;
  
}
#new1Div, #new2Div, #new3Div {
  display: none;
}

.iconPos {
  left: 220px;
  top: 20px;
}
#new1patch1 {
  right: 78px;
  width:175px;
  height:40px;
  background: #EFEFEF;
}
#new1patch2 {
  left: 175px;
  width:80px;
  height:97px;
  background: #EFEFEF;
}
#new2patch1 {
  right: 78px;
  width:175px;
  height:40px;
  background: #EFEFEF;
}
#new2patch2 {
  left: 175px;
  width:80px;
  height:97px;
  background: #EFEFEF;
}
#new3patch1 {
  right: 78px;
  width:175px;
  height:40px;
  background: #EFEFEF;
}
#new3patch2 {
  left: 175px;
  width:80px;
  height:97px;
  background: #EFEFEF;
}

#icon1 {
  width:253px;
  height:98px;
  background:url("../images_gl/1.png") no-repeat; overflow:hidden;
}

#icon2 {
  width:253px;
  height:98px;
  background:url("../images_gl/2.png") no-repeat; overflow:hidden;
}

#icon3 {
  width:253px;
  height:98px;
  background:url("../images_gl/3.png") no-repeat; overflow:hidden;
}

.btn{
  position: absolute;
  width: 46px;
  height: 46px;
  cursor: pointer;
}

#mode1 {
  left: 830px;
  top: 80px;
}

.mode1Btn {
  background: url("../images_gl/mode1_up.png") no-repeat;
  background-size: 46px 46px;
  overflow: hidden;
}
.mode1Btn:hover {
  background: url("../images_gl/mode1_down.png") no-repeat;
  background-size: 46px 46px;
  overflow: hidden;
}

.mode1BtnActive {
  background: url("../images_gl/mode1_down.png") no-repeat;
  background-size: 46px 46px;
  overflow: hidden;
}

#mode2 {
  left: 830px;
  top: 150px;
}

.mode2Btn {
  background: url("../images_gl/mode2_up.png") no-repeat;
  background-size: 46px 46px;
  overflow: hidden;
}
.mode2Btn:hover {
  background: url("../images_gl/mode2_down.png") no-repeat;
  background-size: 46px 46px;
  overflow: hidden;
}

.mode2BtnActive {
  background: url("../images_gl/mode2_down.png") no-repeat;
  background-size: 46px 46px;
  overflow: hidden;
}

#reset {
  left: 830px;
  top: 450px;
}

.resetBtn {
  background: url("../images_gl/reset_up.png") no-repeat;
  background-size: 46px 46px;
  overflow: hidden;
}
/*
.resetBtn:hover {
  background: url("../images_gl/reset_down.png") no-repeat;
  background-size: 46px 46px;
  overflow: hidden;
}*/

.resetBtnActive {
  background: url("../images_gl/reset_down.png") no-repeat;
  background-size: 46px 46px;
  overflow: hidden;
}

#option1 {
  left: 334px;
  top: 450px;
}

.option1Btn {
  background: url("../images_gl/black_up.png") no-repeat;
  background-size: 46px 46px;
  overflow: hidden;
}
.option1Btn:hover {
  background: url("../images_gl/black_down.png") no-repeat;
  background-size: 46px 46px;
  overflow: hidden;
}

.option1BtnActive {
  background: url("../images_gl/black_down.png") no-repeat;
  background-size: 46px 46px;
  overflow: hidden;
}

#option2 {
  left: 474px;
  top: 450px;
}

.option2Btn {
  background: url("../images_gl/orange_up.png") no-repeat;
  background-size: 46px 46px;
  overflow: hidden;
}
.option2Btn:hover {
  background: url("../images_gl/orange_down.png") no-repeat;
  background-size: 46px 46px;
  overflow: hidden;
}

.option2BtnActive {
  background: url("../images_gl/orange_down.png") no-repeat;
  background-size: 46px 46px;
  overflow: hidden;
}

#option3 {
  left: 404px;
  top: 450px;
}

.option3Btn {
  background: url("../images_gl/silver_up.png") no-repeat;
  background-size: 46px 46px;
  overflow: hidden;
}
.option3Btn:hover {
  background: url("../images_gl/silver_down.png") no-repeat;
  background-size: 46px 46px;
  overflow: hidden;
}

.option3BtnActive {
  background: url("../images_gl/silver_down.png") no-repeat;
  background-size: 46px 46px;
  overflow: hidden;
}

#option4 {
  left: 544px;
  top: 450px;
}

.option4Btn {
  background: url("../images_gl/yellow_up.png") no-repeat;
  background-size: 46px 46px;
  overflow: hidden;
}
.option4Btn:hover {
  background: url("../images_gl/yellow_down.png") no-repeat;
  background-size: 46px 46px;
  overflow: hidden;
}

.option4BtnActive {
  background: url("../images_gl/yellow_down.png") no-repeat;
  background-size: 46px 46px;
  overflow: hidden;
}

#new1 {
  left: 830px;
  top: 30px;
}

.new1Btn {
  background: url("../images_gl/new2_up.png") no-repeat;
  background-size: 46px 46px;
  overflow: hidden;
}
.new1Btn:hover {
  background: url("../images_gl/new2_down.png") no-repeat;
  background-size: 46px 46px;
  overflow: hidden;
}

.new1BtnActive {
  background: url("../images_gl/new2_down.png") no-repeat;
  background-size: 46px 46px;
  overflow: hidden;
}

#new2 {
  left: 830px;
  top: 90px;
}

.new2Btn {
  background: url("../images_gl/new2_up.png") no-repeat;
  background-size: 46px 46px;
  overflow: hidden;
}
.new2Btn:hover {
  background: url("../images_gl/new2_down.png") no-repeat;
  background-size: 46px 46px;
  overflow: hidden;
}

.new2BtnActive {
  background: url("../images_gl/new2_down.png") no-repeat;
  background-size: 46px 46px;
  overflow: hidden;
}

#new3 {
  left: 830px;
  top: 150px;
}

.new3Btn {
  background: url("../images_gl/new3_up.png") no-repeat;
  background-size: 46px 46px;
  overflow: hidden;
}
.new3Btn:hover {
  background: url("../images_gl/new3_down.png") no-repeat;
  background-size: 46px 46px;
  overflow: hidden;
}

.new3BtnActive {
  background: url("../images_gl/new3_down.png") no-repeat;
  background-size: 46px 46px;
  overflow: hidden;
}

.zoomClass {
  position: absolute;
  left: -3px;
  top: -3px;
  cursor: pointer;
  width: 44px;
  height: 44px;
}

.zoomInBtn {
  background: url("../images_gl/plus_up.png") no-repeat;
  background-size: 44px 44px;
  overflow: hidden;
}
.zoomInBtn:hover {
  background: url("../images_gl/plus_down.png") no-repeat;
  background-size: 44px 44px;
  overflow: hidden;
}

.zoomInBtnActive {
  background: url("../images_gl/plus_down.png") no-repeat;
  background-size: 44px 44px;
  overflow: hidden;
}

#zoomOut {
  left: -4px;
  top: 159px;
}

.zoomOutBtn {
  background: url("../images_gl/minus_up.png") no-repeat;
  background-size: 44px 44px;
  overflow: hidden;
}
.zoomOutBtn:hover {
  background: url("../images_gl/minus_down.png") no-repeat;
  background-size: 44px 44px;
  overflow: hidden;
}
.zoomOutBtnActive {
  background: url("../images_gl/minus_down.png") no-repeat;
  background-size: 44px 44px;
  overflow: hidden;
}
 div.transbox {
      position:absolute;
      top : 430px;
      left :180px;
      width:495px;
      height:100px;
      margin:0px;
      }
      div.bar {
      position:absolute;
      top:-20px;
      left:0px;
      background-color:#CCCCCC;
      width:1px;
      height:5px;
      overflow:hidden;
      }
       div.loadtext {
      position:absolute;
      top:-15px;
      left:0px;
      color:#CCCCCC;
      font-family: Arial;
      font-size: 10px;
      }
      img.thumbnail {
      float:left;
      width:100px;
      margin:0px;
      padding:0px;
      border:1px solid #CCCCCC;
      padding: 8px 0px 0px 0px;
      display: inline;
      background-color:#212121;
      }
      
      div.thumbHolder {
      position: absolute;
      top : 430px;
      left : 180px;
      width:525px;
      visibility: hidden;
      padding: 0px;
      margin: 0px;
      display: none;
      line-height:0;
      }
      .rotateLeft {
      position:absolute;
      top:200px;
      left:10px;
      }
      .rotateRight {
      position:absolute;
      top:200px;
      left:810px;
      }
      a {
      outline:none;
      }
      #sliderframe {
      position:absolute;
      left:0px;
      top:0px;
      }
      .shotSelector {
      background : #CCCCCC;
      position: absolute;
      width : 102px;
      overflow:hidden; 
      height : 5px;
      top: -5px;
      left: 0px;
      }
      .clear { clear: both; }
#enviromentChange1{
    left:188px;
    top:430px;
    width:128px;
    height:73px;
    position:absolute;
    cursor: pointer;
    }
    #enviromentChange2{
    left:318px;
    top:430px;
    width:128px;
    height:73px;
    position:absolute;
    cursor: pointer;
    }   
    #enviromentChange3{
    left:448px;
    top:430px;
    width:128px;
    height:73px;
    position:absolute;
    cursor: pointer;
    }
    #enviromentChange4{
    left:578px;
    top:430px;
    width:128px;
    height:73px;
    position:absolute;
    cursor: pointer;
    }
    #enviroment2LoadingStatus { 
    left:356px;
    top:463px;
    width:0px;
    height:7px;
    font-weight:bold;
    background-image:url('../interface_images/preloaderBar.png');
    background-repeat:no-repeat;
    position:absolute;
    }
    #enviroment3LoadingStatus {
    left:487px;
    top:463px;
    width:0px;
    height:7px;
    font-weight:bold;
    background-image:url('../interface_images/preloaderBar.png');
    background-repeat:no-repeat;
    position:absolute;
    }
    #enviroment4LoadingStatus { 
    left:618px;
    top:463px;
    width:0px;
    height:7px;
    font-weight:bold;
    background-image:url('../interface_images/preloaderBar.png');
    background-repeat:no-repeat;
    position:absolute;
    }

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}