a {
outline: none;
}
img {
border: 0;
}
* {
font-family: Arial;
}
body {
margin: 0;
padding: 0;
}
#ifloorplan-container {
background: #ffffff;
border: 1px solid #eef1ef;
height: 500px;
margin: 0 auto;
overflow: hidden;
position: relative;
width: 800px;
}
#container-top-border {
background: url(images/ifloorplan/container/bg-top-border.png) repeat-x;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
height: 8px;
left: 1px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
position: absolute;
top: 1px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
width: 798px;
z-index: 20;
}
#container-bottom-border {
background: url(images/ifloorplan/container/bg-bottom-border.png) repeat-x;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
bottom: 1px;
height: 8px;
left: 1px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
position: absolute;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
width: 798px;
z-index: 20;
}
#main-area {
height: 483px;
margin: 8px 1px;
overflow: hidden;
}
#ifloorplan-contact-details {
float: left;
position: relative;
width: 322px;
z-index: 100;
}
#ifloorplan-contact-details p.agent-logo {
float: left;
height: 30px;
margin: 0;
padding: 0;
position: relative;
width: 177px;
}
/*#ifloorplan-contact-details p.agent-logo img {
max-height: 33px;
max-width: 177px;
}*/
#ifloorplan-contact-details p.agent-email {
height: 22px;
margin: 0 0 2px 0;
position: absolute;
width: 43px;
}
#ifloorplan-contact-details p.agent-email a, #ifloorplan-contact-details p.agent-email a:active, #ifloorplan-contact-details p.agent-email a:focus, #ifloorplan-contact-details p.agent-email a:visited {
background: url(images/ifloorplan/contact-details/btn-email-envelope.gif) no-repeat 100% 0;
color: #777777;
display: block;
font-size: 12px;
height: 22px;
line-height: 24px;
text-decoration: none;
}
#ifloorplan-contact-details p.agent-email a:hover {
background: url(images/ifloorplan/contact-details/btn-email-envelope.gif) no-repeat 100% -22px;
color: #777777;
text-decoration: none;
}
#ifloorplan-contact-details p.agent-contact, #ifloorplan-contact-details p.agent-phone {
clear: right;
color: #777777;
float: left;
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 10px 0 0 0;
width: 145px;
}
#ifloorplan-contact-details p.agent-contact {
margin-left: 2px;
position: absolute;
}
#ifloorplan-contact-details p.agent-phone {
position: absolute;
width: 165px;
}
#ifloorplan-property-address {
bottom: 15px;
color: #777777;
font-size: 14px;
left: 15px;
margin-left: 6px;
position: absolute;
height: 30px;
}
#ifloorplan-property-address p {
margin-top: 6px;
}
#ifloorplan-navigation-options {
position: absolute;
right: 4px;
top: 15px;
}
#ifloorplan-navigation-options,#ifloorplan-navigation-options ul,#ifloorplan-navigation-options li {
color: #666666;
list-style-type: none;
margin: 0;
padding: 0;
width: 22px;
}
#ifloorplan-navigation-options li,#share ul {
background: #eee url(images/ifloorplan/share/bar.jpg) no-repeat;
background-position: right;
}
#ifloorplan-navigation-options li li {
display: block;
float: left;
}
#ifloorplan-navigation-options a {
background-position: 0 1px;
background-repeat: no-repeat;
display: block;
height: 19px;
margin-left: 2px;
text-decoration: none;
text-indent: -9999em;
width: 19px;
}
.options-left li,.options-left ul {
background-position: left !important;
}
.options-left #share {
left: 0;
overflow: hidden;
position: static;
}
.options-left #shareThis {
float: left;
}
.options-left #share ul {
left: 19px;
}
#share {
background-color: transparent !important;
left: -191px;
position: absolute;
width: 210px !important;
}
#shareThis {
float: right;
}
#share ul,#share li {
background-repeat: repeat-x !important;
}
#share ul {
display: none;
font-size: .8em;
overflow: hidden;
position: absolute;
width: 190px;
}
#share li {
margin-left: .5em;
}
#shareThis {
background-image: url(images/ifloorplan/share/share.gif);
background-position: 1px 1px;
}
#shareEmail {
background-image: url(images/ifloorplan/share/email.gif);
}
#shareGoogle {
background-image: url(images/ifloorplan/share/google.png);
}
#shareFacebook {
background-image: url(images/ifloorplan/share/facebook.gif);
}
#shareDelicious {
background-image: url(images/ifloorplan/share/delicious.gif);
}
#shareTwitter {
background-image: url(images/ifloorplan/share/twitter.gif);
}
#ifloorplan-navigation-options a#hide-cameras, #ifloorplan-navigation-options a#hide-cameras:visited {
background-image: url(images/ifloorplan/navigation/navigation-options/btn-hide.gif);
}
#ifloorplan-navigation-options a#hide-cameras:active, #ifloorplan-navigation-options a#hide-cameras:focus, #ifloorplan-navigation-options a#hide-cameras:hover {
color: #777777;
text-decoration: none;
}
#ifloorplan-rotation {
bottom: 60px;
left: 2px;
position: absolute;
height: 16px;
-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); /* FF3.5 - 3.6 */
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}
#ifloorplan-rotation ul {
list-style-image: none;
list-style-type: none;
margin: 0;
padding: 0;
}
#ifloorplan-rotation li {
background: #ffffff url(images/ifloorplan/navigation/navigation-rotation/bg-menu.gif) repeat-x;
border-right: 1px solid #cccccc;
border-top: 1px solid #cccccc;
float: left;
font-size: .8em;
height: 16px;
line-height: 16px;
text-align: center;
width: 68px;
}
#ifloorplan-rotation .double-length {
width: 136px;
}
#ifloorplan-rotation li:last-child {
border-right: 0;
}
#ifloorplan-rotation li#pause-play-cameras a {
padding: 0;
}
#ifloorplan-rotation a, #ifloorplan-rotation a:active, #ifloorplan-rotation a:focus, #ifloorplan-rotation a:visited, #ifloorplan-rotation span {
background: 0;
color: #666666;
display: block;
line-height: 16px;
text-decoration: none;
text-transform: lowercase;
}
#ifloorplan-rotation a:hover {
/*background: url(images/ifloorplan/navigation/navigation-rotation/bg-menu.gif) repeat-x 0 -20px;*/
text-decoration: none;
}
.tabs-left {
left: 4px;
top: 60px;
}
/*#ifloorplan-navigation-levels-vertical.tabs-left a, #ifloorplan-navigation-levels-vertical.tabs-left a:visited {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
}*/
.tabs-right {
right: 4px;
top: 60px;
}
.tabs-top {
right: 35px;
top: 13px;
}
.tabs-bottom {
bottom: 13px;
right: 35px;
}
/*#ifloorplan-navigation-levels-vertical {
position: absolute;
}
#ifloorplan-navigation-levels-vertical ul {
list-style-image: none;
list-style-type: none;
margin: 0;
padding: 0;
}
#ifloorplan-navigation-levels-vertical li {
background: transparent url(images/ifloorplan/navigation/navigation-levels/bg-navigation-levels-vertical.gif) no-repeat 0 100%;
clear: left;
cursor: pointer;
float: left;
font-weight: bold;
height: 62px;
margin: 0 0 1px 0;
padding: 8px 0 7px 0;
width: 19px;
-webkit-tap-highlight-color: rgba(0,0,0,0); /* Fixes side effect of rotation & the size of the *
}
#ifloorplan-navigation-levels-vertical li:hover {
background: transparent url(images/ifloorplan/navigation/navigation-levels/bg-navigation-levels-vertical.gif) no-repeat -19px 100%;
}
#ifloorplan-navigation-levels-vertical li.active {
background: transparent url(images/ifloorplan/navigation/navigation-levels/bg-navigation-levels-vertical.gif) no-repeat -38px 100%;
cursor: default;
}
#ifloorplan-navigation-levels-vertical a, #ifloorplan-navigation-levels-vertical a:visited {
color: #6d6d6d;
display: block;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
font-size: 12px;
line-height: 15px;
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
text-decoration: none;
-webkit-transform: rotate(90deg);
white-space: nowrap;
-webkit-tap-highlight-color: rgba(0,0,0,0); /* Fixes side effect of rotation & the size of the *
}
#ifloorplan-navigation-levels-vertical a:active, #ifloorplan-navigation-levels-vertical a:focus, #ifloorplan-navigation-levels-vertical a:hover {
text-decoration: none;
}
#ifloorplan-navigation-levels {
position: absolute;
width: 100%;
}
#ifloorplan-navigation-levels ul {
list-style-image: none;
list-style-type: none;
margin: 0;
padding: 0;
}
#ifloorplan-navigation-levels li {
background: transparent url(images/ifloorplan/navigation/navigation-levels/bg-navigation-levels.gif) no-repeat 0 0;
cursor: pointer;
display: inline;
float: left;
font-weight: bold;
height: 18px !important;
margin: 0 1px 0 0;
padding: 0 8px 0 7px;
width: 50px;
}
#ifloorplan-navigation-levels li:hover {
background-position: 0 -19px;
}
#ifloorplan-navigation-levels li.active {
background-position: 0 -38px;
cursor: default;
}
#ifloorplan-navigation-levels a, #ifloorplan-navigation-levels a:visited {
background: 0;
color: #6d6d6d;
display: block;
font-size: 12px;
line-height: 16px;
padding: 0 !important;
text-align: center;
text-decoration: none;
white-space: nowrap;
}
#ifloorplan-navigation-levels a:active, #ifloorplan-navigation-levels a:focus, #ifloorplan-navigation-levels a:hover {
background: 0;
text-decoration: none;
}*/
#ifloorplan-navigation-levels {
position: absolute;
}
#ifloorplan-navigation-levels ul {
margin: 0;
padding: 0;
position: relative;
width: 408px; /* 6 * tab width + 6 * margin => 62 * 6 + 6 * 3 * 2 */
}
#ifloorplan-navigation-levels li {
float: left;
list-style-type: none;
}
#ifloorplan-navigation-levels a {
color: #959796;
display: block;
font-size: 12px;
font-weight: bold;
padding: 6px 0;
margin: 0 3px;
text-align: center;
text-decoration: none;
width: 62px;
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); /* FF3.5 - 3.6 */
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
background-color: #FDFEFE;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FDFEFE), to(#E7E8E8)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #FDFEFE, #E7E8E8); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #FDFEFE, #E7E8E8); /* FF3.6 */
background-image: -ms-linear-gradient(top, #FDFEFE, #E7E8E8); /* IE10 */
background-image: -o-linear-gradient(top, #FDFEFE, #E7E8E8); /* Opera 11.10+ */
background-image: linear-gradient(top, #FDFEFE, #E7E8E8);
}
#ifloorplan-navigation-levels a:active,
#ifloorplan-navigation-levels a:hover,
#ifloorplan-navigation-levels .active a {
background-color: #CBCBCB;
background-image: -webkit-gradient(linear, left top, left bottom, from(#CBCBCB), to(#B8B9B9)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #CBCBCB, #B8B9B9); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #CBCBCB, #B8B9B9); /* FF3.6 */
background-image: -ms-linear-gradient(top, #CBCBCB, #B8B9B9); /* IE10 */
background-image: -o-linear-gradient(top, #CBCBCB, #B8B9B9); /* Opera 11.10+ */
background-image: linear-gradient(top, #CBCBCB, #B8B9B9);
}
.tabs-right, .tabs-left {
-webkit-transform: rotate(90deg); /* Saf3.1+, Chrome */
-moz-transform: rotate(90deg); /* FF3.5+ */
-ms-transform: rotate(90deg); /* IE9 */
-o-transform: rotate(90deg); /* Opera 10.5 */
transform: rotate(90deg);
filter: progid:DXImageTransform.Microsoft.Matrix(/* IE6�IE9 */
M11=6.123233995736766e-17, M12=-1, M21=1, M22=6.123233995736766e-17, sizingMethod='auto expand');
zoom: 1;
margin-top: 204px !important;
margin-left: -193px !important;
}
.tabs-left {
-webkit-transform: rotate(270deg); /* Saf3.1+, Chrome */
-moz-transform: rotate(270deg); /* FF3.5+ */
-ms-transform: rotate(270deg); /* IE9 */
-o-transform: rotate(270deg); /* Opera 10.5 */
transform: rotate(270deg);
filter: progid:DXImageTransform.Microsoft.Matrix(/* IE6�IE9 */
M11=-1.836909530733566e-16, M12=1, M21=-1, M22=-1.836909530733566e-16, sizingMethod='auto expand');
margin-top: -204px !important;
}
#ifloorplan-images {
position: absolute;
}
#ifloorplan-images img {
display: none;
margin: 0 auto;
box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.25);
}
#ifloorplan-images img.active {
display: block;
}
#ifloorplan-floorplan {
position: absolute;
width: 100%;
height: 100%;
}
#ifloorplan-floorplan img {
display: none;
position: absolute;
}
#ifloorplan-floorplan img.active {
display: block;
}
#ifloorplan-cameras {
position: relative;
}
#ifloorplan-cameras div {
display: none;
}
#ifloorplan-cameras div.active {
display: block;
}
#ifloorplan-cameras a {
position: absolute;
}
#ifloorplan-cameras a.active {
cursor: default;
}
#ifloorplan-cameras img {
border: 0;
height: 34px;
width: 34px;
}
#more-info-box {
height: 280px;
left: 25%;
top: 25%;
width: 432px;
}
#more-info-box, #floatbox {
background: #ffffff;
border: 1px solid #dddddd;
box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.5);
display: none;
-moz-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.5);
position: absolute;
-webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.5);
z-index: 100;
}
#more-info-contents {
height: 245px;
margin-top: 15px;
overflow-y: auto;
padding: 10px;
width: 412px;
}
#more-info-close, #floatbox-close {
background: white;
border: 1px solid gray;
color: gray;
font-size: 10px;
padding: 0 4px 0 5px;
position: absolute;
right: 0;
text-decoration: none;
top: 0;
z-index: 101;
}
#ifloorplan-branding {
height: 120px;
position: absolute;
width: 300px;
}
#ifloorplan-branding img {
position: absolute;
}
#ifloorplan-branding a:hover img {
opacity: 1 !important;
}
.video {
display: none;
position: absolute;
}
.vLevel0 {
display: block;
}
.video a {
background-repeat: no-repeat;
display: block;
height: 36px;
text-indent: -9999px;
width: 36px;
}
.videoIcon a {
background-image: url(images/media/videoIcon.png);
}
.vTour a {
background-image: url(images/media/vTour.png);
}
.otherButton a {
background-color: #4fd5ff;
background-image: -moz-linear-gradient(top, #4fd5ff, #163989);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #4fd5ff),color-stop(1, #163989));
border-radius: 15px;
color: white;
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4fd5ff', EndColorStr='#163989');
font-size: .8em;
font-style: italic;
font-weight: bold;
height: auto;
-moz-border-radius: 15px;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4fd5ff', EndColorStr='#163989')";
padding: .5em 0;
text-align: center;
text-decoration: none;
text-indent: 0;
-webkit-border-radius: 15px;
width: 7em;
}
#floatbox {
height: 500px;
left: -1px;
top: -1px;
width: 800px;
}
#floatbox #iframe {
border: none;
height: 486px;
margin-top: 15px;
width: 100%;
}
#floatbox.map {
height: 400px;
left: 50px;
top: 50px;
width: 700px;
}
#floatbox.map #iframe {
height: 386px;
}
#slideshow {
display: none;
}
.slide {
display: none;
max-width: 750px;
}
#sshow-images .active {
display: block;
}
#sshow-images {
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
height: 450px;
margin: 15px auto;
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
overflow: hidden;
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
width: 750px;
}
#sshow-controls {
border-radius: 5px;
list-style-type: none;
margin: 0;
-moz-border-radius: 5px;
overflow: hidden;
padding: 0;
-webkit-border-radius: 5px;
}
#sshow-controls-wrapper {
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
bottom: 45px;
left: 25%;
-moz-border-radius: 10px;
padding: 20px;
position: absolute;
-webkit-border-radius: 10px;
}
#sshow-controls li {
background: #FFF url(images/ifloorplan/navigation/navigation-rotation/bg-menu.gif);
float: left;
text-align: center;
}
#sshow-controls a {
border-right: 1px solid #999;
color: #999;
display: block;
padding: 0 10px;
text-decoration: none;
width: 75px;
}
#sshow-controls #sshow-exit {
border-right: none;
}