body {
    margin: 0;
    padding: 0;
    background-color: #4A5655;
    height: 100%;
    width: 100%;
}

form,
html {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

#center_container {
    padding: 40px 50px;
    display: inline-block;
    vertical-align: middle;
    min-width: 540px;
    min-height: 580px;
    font-family: Arial;
    color: #d5d5d5;
}

#header-container{
   font-family: arial;
    font-size: 36px;
    height: 50px;
    margin-bottom: 40px;
}

#gb-logo {
    float: left;
    height: 50px;
    margin-left: 80px;
    width: 225px;
    background: url("/images/2012design/app_landing/app_landingpage_golfbox_golfers_logo.png") no-repeat scroll center left transparent;
}

#download-header{
    float: left;
    line-height: 50px;
    margin-left: 20px;
}

.container {
    height: 170px;
    width: 140px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-family: arial;
    font-size: 16px;
}


    .container.active {
        color: #c8d75a;
    }

.button-select:hover{
    background: url("/images/2012design/app_landing/app_landingpage_button_hover.png") no-repeat scroll top left transparent;
}

.border {
    width: 100px;
    height: 100px;
    padding: 20px;
    margin-bottom: 5px;
    vertical-align: top;
}

.container.inactive .border {
    background: url("/images/2012design/app_landing/app_landingpage_icon_border_inactive.png") no-repeat scroll top left transparent;
}

.container.active .border {
    background: url("/images/2012design/app_landing/app_landingpage_icon_border_active.png") no-repeat scroll top left transparent;
}

.container.comming-soon .border {
    /*background: url("/images/2012design/app_landing/app_landingpage_icon_border_coming_soon.png") no-repeat scroll top left transparent;*/
    background: url("/images/2012design/app_landing/app_landingpage_icon_border_inactive.png") no-repeat scroll top left transparent;
    position: relative;
}

.container.inactive {
    cursor: pointer;
}

.container.active,
.container.comming-soon {
    cursor: default;
}

.container.center {
    margin: 0 55px;
}

.border .logo {
    width: 100px;
    height: 100px;
}

.button-row {
    height: 140px;
    width: 540px;
    margin-bottom: 75px;
}

.container.comming-soon .border .logo .soon {
    background: url("/images/2012design/app_landing/app_landingpage_icon_border_bar_coming_soon.png") no-repeat scroll top left transparent;
    /*background-position: -20px -20px;*/
    width: 140px;
    height: 140px;
    position: absolute;
    top: 0;
    left: 0;
}

/*
	Phone types
*/

.container.active .border .logo.ios {
    background: url("/images/2012design/app_landing/app_landingpage_icon_apple_active.png") no-repeat scroll top left transparent;
}

.container .border .logo.ios {
    background: url("/images/2012design/app_landing/app_landingpage_icon_apple_inactive.png") no-repeat scroll top left transparent;
}

.container.active .border .logo.android {
    background: url("/images/2012design/app_landing/app_landingpage_icon_android_active.png") no-repeat scroll top left transparent;
}

.container .border .logo.android {
    background: url("/images/2012design/app_landing/app_landingpage_icon_android_inactive.png") no-repeat scroll top left transparent;
}

.container.active .border .logo.wphone {
    background: url("/images/2012design/app_landing/app_landingpage_icon_windows_phone_active.png") no-repeat scroll top left transparent;
}

.container .border .logo.wphone {
    background: url("/images/2012design/app_landing/app_landingpage_icon_windows_phone_inactive.png") no-repeat scroll top left transparent;
}

/*
	Countrys
*/

.container.active .border .logo.dk {
    background: url("/images/2012design/app_landing/app_landingpage_flag_denmark_active.png") no-repeat scroll top left transparent;
}

.container .border .logo.dk {
    background: url("/images/2012design/app_landing/app_landingpage_flag_denmark_inactive.png") no-repeat scroll top left transparent;
}

.container.active .border .logo.no {
    background: url("/images/2012design/app_landing/app_landingpage_flag_norway_active.png") no-repeat scroll top left transparent;
}

.container .border .logo.no {
    background: url("/images/2012design/app_landing/app_landingpage_flag_norway_inactive.png") no-repeat scroll top left transparent;
}

.container.active .border .logo.uk {
    background: url("/images/2012design/app_landing/app_landingpage_flag_uk_active.png") no-repeat scroll top left transparent;
}

.container .border .logo.uk {
    background: url("/images/2012design/app_landing/app_landingpage_flag_uk_inactive.png") no-repeat scroll top left transparent;
}

/*
	Button
*/

.button-select {
    width: 250px;
    height: 80px;
    background: url("/images/2012design/app_landing/app_landingpage_button_normal.png") no-repeat scroll top left transparent;
    margin: 0 auto;
    cursor: pointer;
}

    .button-select.active {
        background: url("/images/2012design/app_landing/app_landingpage_button_hover.png") no-repeat scroll top left transparent;
    }

.button-shadow {
    width: 250px;
    height: 20px;
    margin: 0 auto;
}

    .button-shadow.active {
        background: url("/images/2012design/app_landing/app_landingpage_button_hover_shine.png") no-repeat scroll top left transparent;
    }

/*
	centering
*/

.block {
    text-align: center;
    height: 100%;
    width: 100%;
    min-width: 640px;
    min-height: 700px;
}

    .block:before {
        border: medium none;
        content: "";
        display: inline-block;
        *display: inline;
        font-size: 0;
        height: 100%;
        margin: 0 0 0 -4px;
        overflow: hidden;
        padding: 0;
        vertical-align: middle;
        width: 0;
    }