img.image-3d {
	display:block; cursor:pointer;
}

.image-3d-container {
	position:relative;
}

img.click-to-view-3d {
	cursor:pointer; position:relative; top:-50px;
}	

.image-3d-view-label {
	background: url(image-3d-view-label.png); width:300px; height:100px; position:relative; top:-50px;
}

.image-3d-loading-label {
	background: width:100px; height:100px; position:relative; top:-50px;
}

.no-border, .no-border tr, .no-border tr td {
border-width:0 !important;
}

.view-3d-left-arrow {
cursor:pointer;width:100px;height:100px;float:left;
}

.view-3d-right-arrow {
cursor:pointer;width:100px;height:100px;float:right;
}

.clear {
	display:block; clear:both; overflow:hidden; height:0; line-height:0; font-size:0; background:none;
}

.photo3d-control3d-div
{
	width:376px; z-index:10; margin-top:-44px; position:relative;
	text-align:center;
	background-color:#eeeeee;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	
	text-align:center;
	
	border:1px solid #c4c4c4;
	
	background: #eeeeee; /* for non-css3 browsers */ 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e4e4e4'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e4e4e4)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffffff,  #e4e4e4); /* for firefox 3.6+ */ 
	background: -o-linear-gradient(top,  #ffffff,  #e4e4e4); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff,  #e4e4e4); /* IE10+ */ 

}

.photo3d-control-div
{
	width:265px; z-index:10; margin-top:-44px; position:relative;
	text-align:center;
}

.photo3d-start-3d-button
{
    vertical-align:middle; font-family:Verdana, Helvetica, Sans-Serif; font-size:14px; text-decoration:none;
}

.no-decoration
{
    text-decoration:none !important;
}

.decoration-underline   
{
    text-decoration:underline;
}



div.busy
{
     width:48px; height:48px;
     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='loading.gif');

}

div.busy[class]
{
    background-image: url(loading.gif);
}

.photo3d-zoom-icon
{
	background: url(zoom-icon.png); width:16px; height:16px; float:left;
	margin: 13px 1px 4px 12px; background-repeat:no-repeat;
}




.photo3d-no-zoom
{
	width:150px; float:left;
	margin: 0; background-repeat:no-repeat;
}

.photo3d-icon-button 
{
	background: url(button-icons.png);
	text-indent:-9999px; overflow:hidden; display:block; background-repeat:no-repeat; width:28px; height:28px;
	float:left; margin:6px 3px 6px 3px;
	filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;
}

.photo3d-icon-button:hover, .photo3d-icon-button.pressed { filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}
.photo3d-icon-button.disabled { filter: alpha(opacity=40); -moz-opacity:0.4; opacity:0.4;}

.photo3d-play-backward-button { background-position: 0px 0px; }
.photo3d-play-backward-button.pressed, .photo3d-play-backward-button:active { background-position: 0px -30px; }

.photo3d-play-forward-button { background-position: -30px 0px; }
.photo3d-play-forward-button.pressed, .photo3d-play-forward-button:active { background-position: -30px -30px; }

.photo3d-start-3d-button { background-position: -60px 0px; }
.photo3d-start-3d-button.pressed, .photo3d-start-3d-button:active { background-position: -60px -30px; }

.photo3d-stop-button { background-position: -90px 0px; }
.photo3d-stop-button.pressed, .photo3d-stop-button:active { background-position: -90px -30px; }

.photo3d-hand-move-mode-button, .photo3d-hand-move-mode-button.disabled:active { background-position: -120px 0px;}
.photo3d-hand-move-mode-button.pressed, .photo3d-hand-move-mode-button:active { background-position: -120px -30px;}

.photo3d-hand-rotate-mode-button { background-position: -150px 0px; width:38px; }
.photo3d-hand-rotate-mode-button.pressed, .photo3d-hand-rotate-mode-button:active { background-position: -150px -30px; width:38px; }


.photo3d-360-view-icon { background: url(360-view-icon.png); width:32px; height:21px; float:left; margin:10px 4px 4px 6px; }

.photo3d-360-view-icon-click { background:url(360-view-icon.png); width:32px; height:21px; float:left; margin:0px 4px 4px 6px; display:block; float:left;}
.photo3d-360-view-text-click { display:block; margin:3px 0px 0px 8px; float:left;}


.photo3d-zoom-slider-container 
{
	float:left; padding: 13px 13px 13px 4px !important; margin:4px 0px 0px 0px;
}


.photo3d-zoom-slider
{ width:100px; height:25px; }



.photo3d-preview-image
{ display:block; position:relative; top 0px; }



/* compact */

.photo3d-zoom-icon.compact
{ margin: 6px 1px 2px 5px }

.photo3d-no-zoom.compact
{ width:96px; }

.photo3d-icon-button.compact
{ margin:2px 1px 2px 1px; }

.photo3d-360-view-icon.compact 
{ margin:6px 2px 2px 4px; }

.photo3d-zoom-slider-container.compact
{ margin:-1px 0 0 0; }

.photo3d-zoom-slider.compact
{ width:50px; }

.photo3d-control3d-div.compact
{ width:300px; margin-top:-34px; }

.photo3d-control-div.compact
{ margin-top:-34px; }

/* tiny */
.photo3d-zoom-icon.tiny
{ margin: 0px 1px 0px 0px }

.photo3d-control3d-div.tiny
{ width:150px; margin-top:-22px; }

.photo3d-control-div.tiny
{ width:150px; margin-top:-22px; }

.photo3d-icon-button.tiny
{
	background: url(button-icons-tiny.png);
	width:16px; height:16px;
	margin:1px 1px 0px 1px;
}
.photo3d-play-backward-button.tiny { background-position: 0px 0px; }
.photo3d-play-backward-button.tiny.pressed, .photo3d-play-backward-button.tiny:active { background-position: 0px -18px; }

.photo3d-play-forward-button.tiny { background-position: -18px 0px; }
.photo3d-play-forward-button.tiny.pressed, .photo3d-play-forward-button.tiny:active { background-position: -18px -18px; }

.photo3d-start-3d-button.tiny { background-position: -36px 0px; }
.photo3d-start-3d-button.tiny.pressed, .photo3d-start-3d-button.tiny:active { background-position: -36px -18px; }

.photo3d-stop-button.tiny { background-position: -54px 0px; }
.photo3d-stop-button.tiny.pressed, .photo3d-stop-button.tiny:active { background-position: -54px -18px; }

.photo3d-hand-move-mode-button.tiny, .photo3d-hand-move-mode-button.tiny.disabled:active { background-position: -72px 0px;}
.photo3d-hand-move-mode-button.tiny.pressed, .photo3d-hand-move-mode-button.tiny:active { background-position: -72px -18px;}

.photo3d-hand-rotate-mode-button.tiny { background-position: -90px 0px; width:24px; }
.photo3d-hand-rotate-mode-button.tiny.pressed, .photo3d-hand-rotate-mode-button.tiny:active { background-position: -90px -18px; width:24px; }

.photo3d-360-view-icon.tiny { display:none; }

.photo3d-zoom-icon.tiny
{ background: url(zoom-icon-tiny.png); width:12px; height:12px; float:left; margin: 3px 1px 4px 3px; background-repeat:no-repeat; }

.photo3d-zoom-slider-container.tiny
{ float:left; padding: 3px 0px 3px 2px !important; margin:4px 0 0 0;  }

.photo3d-zoom-slider.tiny
{ width:32px; height:2px; }

.photo3d-no-zoom.tiny
{ width:52px; }
.tiny .ui-slider-horizontal .ui-slider-handle
{ width:2px; height:8px; top:-4px;}

.photo3d-360-view-icon-click.tiny { background:url(360-view-icon-tiny.png); width:24px; height:16px; float:left; margin:0px 4px 4px 6px; display:block; float:left;}
.photo3d-360-view-text-click.tiny { display:block; margin:1px; float:left; font-size:12px; width:110px;}

/* small */

.photo3d-zoom-icon.small
{ margin: 0px 1px 0px 0px }

.photo3d-control3d-div.small
{ width:195px; margin-top:-22px; }

.photo3d-control-div.small
{ width:175px; margin-top:-22px; }

.photo3d-icon-button.small
{
	background: url(button-icons-tiny.png);
	width:16px; height:16px;
	margin:1px 1px 1px 1px;
}
.photo3d-play-backward-button.small { background-position: 0px 0px; }
.photo3d-play-backward-button.small.pressed, .photo3d-play-backward-button.small:active { background-position: 0px -18px; }

.photo3d-play-forward-button.small { background-position: -18px 0px; }
.photo3d-play-forward-button.small.pressed, .photo3d-play-forward-button.small:active { background-position: -18px -18px; }

.photo3d-start-3d-button.small { background-position: -36px 0px; }
.photo3d-start-3d-button.small.pressed, .photo3d-start-3d-button.small:active { background-position: -36px -18px; }

.photo3d-stop-button.small { background-position: -54px 0px; }
.photo3d-stop-button.small.pressed, .photo3d-stop-button.small:active { background-position: -54px -18px; }

.photo3d-hand-move-mode-button.small, .photo3d-hand-move-mode-button.small.disabled:active { background-position: -72px 0px;}
.photo3d-hand-move-mode-button.small.pressed, .photo3d-hand-move-mode-button.small:active { background-position: -72px -18px;}

.photo3d-hand-rotate-mode-button.small { background-position: -90px 0px; width:24px; }
.photo3d-hand-rotate-mode-button.small.pressed, .photo3d-hand-rotate-mode-button.small:active { background-position: -90px -18px; width:24px; }

.photo3d-360-view-icon.small { background:url(360-view-icon-tiny.png); width:24px; height:16px; margin:2px 4px 0px 4px; }

.photo3d-zoom-icon.small
{ background: url(zoom-icon-tiny.png); width:12px; height:12px; float:left; margin: 3px 1px 4px 3px; background-repeat:no-repeat; }

.photo3d-zoom-slider-container.small
{ float:left; padding: 3px 0px 3px 2px !important; margin:4px 0 0 0;  }

.photo3d-zoom-slider.small
{ width:42px; height:2px; }

.photo3d-no-zoom.small
{ width:62px; }
.small .ui-slider-horizontal .ui-slider-handle
{ width:2px; height:8px; top:-4px;}

.photo3d-360-view-icon-click.small { background:url(360-view-icon-tiny.png); width:24px; height:16px; float:left; margin:0px 4px 4px 6px; display:block; float:left;}
.photo3d-360-view-text-click.small { display:block; margin:1px; float:left; font-size:12px; width:130px;}

/*-jquery-ui-*/
.ui-slider
{
    text-align: left;
    position: relative;
}
.ui-slider .ui-slider-handle
{
    width: 1.2em;
    height: 1.2em;
    position: absolute;
    z-index: 2;
    cursor: default;
}
.ui-slider .ui-slider-range
{
    border: 0px currentColor;
    font-size: 0.7em;
    display: block;
    position: absolute;
    z-index: 1;
}
.ui-slider-horizontal
{
    height: 0.2em;
}
.ui-slider-horizontal .ui-slider-handle
{
    width: 0.4em;
    top: -0.5em;
    margin-left: -0.1em;
}
.ui-slider-horizontal .ui-slider-range
{
    top: 0px;
    height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min
{
    left: 0px;
}
.ui-slider-horizontal .ui-slider-range-max
{
    right: 0px;
}
.ui-slider-vertical
{
    width: 0.8em;
    height: 100px;
}
.ui-slider-vertical .ui-slider-handle
{
    left: -0.3em;
    margin-bottom: -0.6em;
    margin-left: 0px;
}
.ui-slider-vertical .ui-slider-range
{
    left: 0px;
    width: 100%;
}
.ui-slider-vertical .ui-slider-range-min
{
    bottom: 0px;
}
.ui-slider-vertical .ui-slider-range-max
{
    top: 0px;
}

.ui-widget
{
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}
.ui-widget .ui-widget
{
    font-size: 1em;
}
.ui-widget input
{
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
}
.ui-widget select
{
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
}
.ui-widget textarea
{
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
}
.ui-widget button
{
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
}
.ui-widget-content
{
    background: url("images/ui-bg_flat_75_ffffff_40x100.png") repeat-x 50% 50% rgb(255, 255, 255);
    border: 1px solid rgb(170, 170, 170);
    color: rgb(34, 34, 34);
}
.ui-widget-content a
{
    color: rgb(34, 34, 34);
}
.ui-widget-header
{
    background: url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x 50% 50% rgb(204, 204, 204);
    border: 1px solid rgb(170, 170, 170);
    color: rgb(34, 34, 34);
    font-weight: bold;
}
.ui-widget-header a
{
    color: rgb(34, 34, 34);
}
.ui-state-default
{
    background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x 50% 50% rgb(230, 230, 230);
    border: 1px solid rgb(211, 211, 211);
    color: rgb(85, 85, 85);
    font-weight: normal;
}
.ui-widget-content .ui-state-default
{
    background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x 50% 50% rgb(230, 230, 230);
    border: 1px solid rgb(140, 140, 140);
    color: rgb(85, 85, 85);
    font-weight: normal;
}
.ui-widget-header .ui-state-default
{
    background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x 50% 50% rgb(230, 230, 230);
    border: 1px solid rgb(211, 211, 211);
    color: rgb(85, 85, 85);
    font-weight: normal;
}

.ui-corner-all
{
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
}
.ui-corner-top
{
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
}
.ui-corner-left
{
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
}
.ui-corner-tl
{
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
}
.ui-corner-all
{
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
}
.ui-corner-top
{
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
}
.ui-corner-right
{
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
}
.ui-corner-tr
{
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
}
.ui-corner-all
{
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
}
.ui-corner-bottom
{
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
}
.ui-corner-left
{
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
}
.ui-corner-bl
{
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
}
.ui-corner-all
{
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
}
.ui-corner-bottom
{
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
}
.ui-corner-right
{
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
}
.ui-corner-br
{
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
}
.ui-widget-overlay
{
    background: url("images/ui-bg_flat_0_aaaaaa_40x100.png") repeat-x 50% 50% rgb(170, 170, 170);
    filter: Alpha(Opacity=30) /*{opacityOverlay}*/;
    opacity: 0.3;
}
.ui-widget-shadow
{
    background: url("images/ui-bg_flat_0_aaaaaa_40x100.png") repeat-x 50% 50% rgb(170, 170, 170);
    margin: -8px 0px 0px -8px;
    padding: 8px;
    border-radius: 8px;
    filter: Alpha(Opacity=30) /*{opacityShadow}*/;
    opacity: 0.3;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
}