/* CSS Document */
html{
	height:100%;
}
body
{
    background: #ffffff none;
	height:100%;
}

/* Google Map */
#google-map
{
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

/* Office Details */
.office-details
{
    float: left;
    width: 205px;
    height: 130px;
    padding: 15px 20px;
    position: relative;
    clear: both;
    margin-bottom: 10px;
}

    .office-details h2
    {
        font-size: 1.2em !important;
        color: #ffffff;
    }
    
    .office-details p
    {
        color: #ffffff !important;
        margin-top: 5px;
    }
    
    .office-details a
    {
        color: #e60e64 !important;
    }
    
    .office-details a.street-view
    {
        position: absolute;
        right: 10px;
        top: 60px;
        width: 49px;
        height: 50px;
        text-indent: -5000px;
        background: url('../../../images/maps/street-view.gif') no-repeat center top;
    }
    
    .office-details a.street-view:hover
    {
        background: url('../../images/maps/street-view-over.gif') no-repeat center top;
    }

/* Popup*/
.popup
{
    position: absolute;
    width: 399px;
    height: 231px;
    padding: 10px 30px 20px 20px;
    display: none;
    background: url('../../../images/maps/bg-popup.png') repeat left top;
}

    .popup h2
    {
        width: 100%;
        font-size: 2.4em;
        clear: both;
        padding-bottom: 10px;
    }
    
    .popup img
    {
        float: left;
    }
    
    .popup p
    {
        float: right;
        width: 178px;
        font-size: 1.2em;
        padding-right: 10px;
    }
    
    .popup a.close
    {
        float: right;
        color: #ffffff;
        font-weight: bold;
        font-size: 1.8em;
    }
    
    .popup a.view
    {
        float: left;
        width: 171px;
        height: 25px;
        text-indent: -5000px;
        background: url('../../../images/maps/view-products.gif') repeat left top;
    }
    
    .popup a.view:hover
    {
        background: url('../../../images/maps/view-products-over.gif') repeat left top;
    }