@charset "UTF-8";
/* CSS Document */

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  
}

body, ul, li, img {

    padding:0;
    margin:0;
    border:0;


    font-family:Arial, Helvetica, sans-serif;
}
a {
    text-decoration:none;
    outline: none;

}




a:focus {
}


#dm360_browser {
    font-size:12px;
    -webkit-user-select:none;
    -moz-user-select: none;  
    -ms-user-select: none
    user-select:none;
    -webkit-text-size-adjust:none;
    font-family:helvetica;
     background-color: rgb(255,255,255 );

}



#dm360_main{
    position: relative;
}

#dm360_browser {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

#dm360_browser a {
    text-decoration: none;
    outline: none;
}

#dm360_browser a:focus {

}

#dm360_header {
    position:absolute;
    width: 100%;
    height: 40px;
    line-height: 20px;
    background-image: url(../img/header_bg.png);
    padding: 0;
    color: #eee;
    font-size: 10px;
    text-align: left;
    text-indent: 0px;
    font-weight: bold;
    z-index: 20;
}

#dm360_wrapper span {
    font-size: 11px;
    font-weight: bold;
}


#dm360_footer {
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    margin: auto;
    color: #eee;
    font-weight: bold;
    z-index: 10;
}

#dm360_spinfooter {
    height: 65px;
}

#dm360_detfooter {
    position: absolute;
    width: 100%;
    height: 40px;
    bottom:10px;

}

#dm360_detfooter a {
    display: block;
    height: 40px;
    text-decoration: none;
    font-size: 14px;
  
    line-height: 20px;
    float: left;


}


#dm360_innerzoomfooter {
    height: 40px;
    width: 254px;
    margin: 5px auto 5px auto;

}

#dm360_innerspinfooter {
    height: 100%;
    width: 150px;
    margin: 0 auto;
}

#dm360_zoomfooter {

}

#dm360_innerspinfooter a {
    display: block;
    height: 40px;
    text-decoration: none;
    font-size: 14px;
    color: #eee;
    line-height: 20px;
    float: left;
    margin: 0px 5px 0px 5px;
    text-align: center;
}
#dm360_innerspinfooter img{
    border:0;
}

#dm360_footer span {
    font-size: 11px;
    font-weight: bold;
}

.norm .rotationViewer{
    width: 700px;
    height: 460px;
}


.pad .rotationViewer{
    width: 650px;
    height: 650px;
}

.phone .rotationViewer{
    width: 320px;
    height: 320px;
}


.rotationViewer {
    position: relative;
    z-index: 3;
    margin: auto;
    cursor: move;
}

.rotationViewer img {
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#dm360_Preloader {
    position: absolute;
    z-index: 50;
    width: 100%;
    top: 65px;
    height: 11px;
    background-image: url(../img/preloader.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}


/* DETAIL IMAGE */

.pad #dm360_DetContInner {
    width: 650px;
    height: 650px;
}

.phone #dm360_DetContInner{
    width: 320px;
    height: 320px;
}


/* DETAIL IMAGE */



#dm360_DetContInner img{
    width: 100%;
    height: 100%;
}

#dm360_massimage{
    margin: auto;
}

#dm360_ZoomCnt {
    position: absolute;
    z-index: 4;
}

#dm360_closeZoom a {
    display: block;


}

#dm360_closeZoom img{
    width: 40px;
    height: 40px;
}


#dm360_closeBtn {
    position: absolute;
    padding: 8px;
    z-index: 35;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
    font-weight: bold;
    top: 0px;
    left: 0px;
    z-index: 30;
    padding: 14px;
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    text-shadow: 0px 0px 3px #fff;
}

#dm360_closeBtn a {
    text-transform: uppercase;
    color: #222;
}

#dm360_closeBtn a:hover {
    color: #000;
}

#page_imagePort {
    background-color: transparent !important;
}

#dm360_closeZoom {
    float: left;
    width: 40px;
    height: 40px;
    overflow: hidden;
    margin-left:10px;
    margin-top: -4px;
}

/*DETAIL THUMBS*/

.dm360_detThumb{
    display: block;
    position: absolute;
    bottom: 11px;
    z-index: 500;
    /*
    background-color: #ffffff;
    border: 1px solid #c6c6c6;
   
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#c6c6c6',
        Direction=135, Strength=4 );
    
    box-shadow: 2px 2px 5px #c6c6c6;
    -webkit-box-shadow: 2px 2px 5px #c6c6c6;
    -moz-box-shadow: 2px 2px 5px #c6c6c6;
    margin: 0px;
    padding: 0px;
    */

}

#dm360_detailMenueButton {  
    width:40px;
    height:40px;
     
}

.dm360_detThumb a img{
    border:0;
}


/*Detail2 */

.pad #dm360_detail2 {
    left: 95px;  
}

.phone #dm360_detail2 {
    right: 11px;
}

.pad .dm360_detThumb img {
    width: 40px;
    height: 40px;
}

.phone .dm360_detThumb img {
    width: 40px;
    height: 40px;
}



#dm360_closeDet{
    position: absolute;
    right: 11px;   
	bottom: 0px;

}

#dm360_closeDet a img {
    border:0;
    width: 40px;
    height: 40px;
}


/*MOBILE DETAILVIEWER*/


#dm360_imagecontainer{
    display: block;
    z-index: 500;
}



a.dm360_dethumb{
    display: block;
    float: left;
    overflow: hidden;
    background-color: #ffffff;
    border: 1px solid #c6c6c6;
    /* for IE */
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#c6c6c6',
        Direction=135, Strength=4 );
    /* CSS3 standard */
    box-shadow: 2px 2px 5px #c6c6c6;
    -webkit-box-shadow: 2px 2px 5px #c6c6c6;
    -moz-box-shadow: 2px 2px 5px #c6c6c6;
    margin: 0px;
    padding: 0px;

}


.pad a.dm360_dethumb {
    width: 40px;
    height: 40px;
    margin-right:13px;
}

.phone a.dm360_dethumb{
    width: 40px;
    height: 40px;
    margin-right:4px;
}



a.dm360_dethumb img {
    width: 100%;
    height: 100%;
}



#dm360_detailviewer{
    width: 100%;
    height: 100%;
}


#dm360_detailviewer .dm360_slides_container {

    overflow:hidden;
    float:left;
    position:relative;
    display:none;


}

.pad #dm360_detailviewer .dm360_slides_container{
    width: 650px;
    height: 650px;   
}

.phone #dm360_detailviewer .dm360_slides_container{
    width: 320px;
    height: 320px;  
}

.dm360_theImg{

    display:block;
}

.pad .dm360_theImg{
    width: 650px;
    height: 650px; 
}

.phone .dm360_theImg{
    width: 320px;
    height: 320px; 
}

ul.dm360_pagination{
    display: block;
    position: absolute; 
    z-index: 510;
    bottom:11px;
    left:11px;
}


#dm360_detailviewer .dm360_pagination {
    width: 100%;    
    padding:0;
    margin: 0;
    float:left;
}

#dm360_detailviewer .dm360_pagination li{
    float:left;
    margin:2px 4px;
    list-style:none;
}

.dm360_current a.dm360_dethumb{
    border: 1px solid #888;
}

#dm360_detailviewer a img{
    border:0;
    outline: none;
}

#dm360_detailviewer a {
    outline: none;
}

/* LOGOS */

#dm360_logoDM {
    position:absolute;
    z-index:20;
    right: 5px;
    top: 3px;
    display: none;
}

#dm360_logoClient{
    position:absolute;
    display:block;
    z-index:21;
    top:0px;
    left:0px;
}

#dm360_logoClient img{
    width: 133px;
    height:40px;
}
#dm360_logoDM img{
    width: 30px;
    height: 30px;
}

/* ZOOM SLIDER */
#page_XSlider {
    width: 200px;
    height: 20px;
    margin-top: 5px;
    float:left;
    /* outline:2px solid #a67c5d;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -moz-outline-radius: 7px;
    -webkit-outline-radius: 7px;
    outline-radius: 7px; */
    background-image: url(../img/slider_bg.png);
}


#page_XSlider-track{

}
#page_XSlider table{
    border-style: none;
}
#page_XSlider-full{ 
    /* for IE */
    filter:alpha(opacity=5);
    /* CSS3 standard */
    opacity:0.05;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

}
#page_XSlider-empty{
    /* for IE */
    filter:alpha(opacity=5);
    /* CSS3 standard */
    opacity:0.05;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

}
#dm360_goLeft , #dm360_goRight , #dm360_goZoom {
    float: left;
    padding: 0px;
}

#dm360_goLeft img, #dm360_goRight img, #dm360_goZoom img{
    width: 40px;
    height: 40px;
}


/*   DETTHUMBS  */



#dm360_detButton  a {
    top:10px;
    display: block;
    width: 40px;
    height: 40px;  
    margin: 0 0 0 10px;
    background-color: rgba(255, 255, 255,0.5);
}

#dm360_detButton  a img {
    width: 40px;
    height: 40px;   
}

/* DETAILCONTAINER */

#dm360_detButton a.active    {
background-color: #bdbdbd;
background-color: rgba(255, 255, 255,0.8);
}

#dm360_DetCnt{
    position: absolute;
    z-index: 10;
    width:100%;
    height:100%;
    background-color: rgba(255, 255, 255,0.4);
}

#dm360_DetContInner{
    position: relative;
    border: solid 2px rgb(41,168,226 );
    margin: auto;
    width:700px;
    height:510px;
    background-color: rgba(255,255,255,0.8)/* for IE */
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000',
        Direction=135, Strength=6 );
    /* CSS3 standard */
    box-shadow: 2px 2px 8px #000000;
    -webkit-box-shadow: 2px 2px 8px #000000;
    -moz-box-shadow: 2px 2px 8px #000000;
}


#dm360_headline{
    position: relative;
    display: block;
    z-index: 15;
    left: 143px;
    top: 16px;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
    font-size: 12px;
    line-height: 14px;
    font-normal;
    color: rgb(180,180,180);
}

#dm360_replay {
    position: relative;
    z-index: 30;
    width: 80px;
    height: 100%;
    margin: auto;
}

#dm360_replay a{
    display: block;
    position: absolute;
    top:50%;
    width: 80px;
    height: 80px;
    margin-top : -40px;

}


#dm360_replay img{
    width: 80px;
    height: 80px;
    margin: auto;

}


#dm360_DetContInner{
    top:30px;
}