/* Red River Self Storage CSS Stylesheet */

/* =================== 
 * commonly used items
 * =================== */
*{
    padding:0;
    margin:0;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    line-height:1.6;
}
body{
    font-size:95%;
    font-family:Arial, Helvetica, sans-serif;
}
a{
    color:#892822;
    font-weight:bold;
    cursor:pointer;
}
a:hover{
    text-decoration:none;
}
img{
    border:0;
}
p{
    margin:0 0 1em;
}
h1{
    display:block;
    max-width:500px;
    padding:5px 10px;
    font-size:1.4em;
    font-family: 'Slabo 27px', serif;
    font-variant:small-caps;
    background:#E4E4E4;
    text-shadow:1px 1px 0px #fff;
    border-radius:10px 10px 0px 0px;
    border-style:solid;
    border-color:#555;
    border-width:1px 1px 0px;
}
h2{
    font-size:1.1em;
    font-family: 'Slabo 27px', serif;
    text-transform:capitalize;
}
hr{
    margin:8px 0;
    height:1px;
    border-style:dashed;
    border-width:1px 0px 0px;
    border-color:#333;
}
label{
    display:block;
}
input,textarea{
    display:block;
    border:1px solid #aaa;
    border-radius:3px;
    padding:10px;
    box-shadow:inset 0px 0px 3px #ccc;
    width:100%;
    font-size:1em;
    font-family: 'Slabo 27px', serif;
}
textarea{
    resize:vertical;
    border:1px solid #ccc;
    border-radius:5px;
    padding:5px;
    box-shadow:inset 0px 0px 3px #ccc;
}
small{
    font-size:0.6em;
}
.clearfix:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0;
    padding:0;
    margin:0;
}
.input_error{
    background:#ffefef !important;
    border-color:#f00 !important;
}
.hidden{
    display:none !important;
    visibility:hidden !important;
}
.operror{
    color:#FF0000;
}
.opwarning{
    color:#FF8800;
}
.opsuccess{
    color:#008800;
}
.operror_box, .opsuccess_box, .info_box, .warning_box{
    display:block;
    padding:10px;
    margin:0 0 10px;
    background:#ffefef;
    border-style:solid;
    border-width:1px 1px 1px 7px;
    border-color:#f00;
    color:#f00;
}
.opsuccess_box{
    background:#daf9cf;
    border-color:#008800;
    color:#008800;
}
.opsuccess_box a{
    color:#080 !important;
}
.white_box{
    padding:10px;
    background:#fff;
    border:1px solid #333;
}
.info_box{
    background: #c4e1ff;
    border-color:#00529B;
    color:#204E8A;
}
.warning_box{
    background:#ffffcf;
    border-color:#ff8800;
    color:#804000;
}
.button{
    display:block;
    margin-top:5px;
    border:2px solid #204E8A;
    text-decoration:none;
    padding:5px;
    background-color:#ACC5E5;
    color:#000;
    text-align:center;
    border-radius:5px;
    box-shadow:1px 1px 0px #777;
}
.button:hover{
    background-color:#204E8A;
    color:#fff;
}
.large-interface{
    display: none !important;
}
.text-align-left{
    text-align:left;
}
.text-align-center{
    text-align:center;
}
.text-align-right{
    text-align:right;
}
.pull-left{
    float:left;
}
.pull-right{
    float:right;
}
.nopadding{
    padding:0 !important;
}
.contact-alpha a,
.contact-alpha div{
    display: block;
    margin: 0 0 10px;
    padding: 10px;
    background: #e8eaed;
    border: 1px solid #aaa;
    color: #222;
    font-size: 1.2em;
    text-decoration: none;
    text-shadow: 0px 1px 0px #fff;
}
.contact-alpha a:hover{
    color: #00529B;
}
.contact-alpha .qr_code{
    display: none;
}
.fw{
    display: inline-block;
    vertical-align: baseline;
}
.fw.w100{
    min-width: 100px;
}
.fw.w150{
    min-width: 150px;
}
.fw.w175{
    min-width: 175px;
}
.fw.w200{
    min-width: 200px;
}
.fw.colon_after::after{
    display: block;
    float: right;
    margin-right: 15px;
    content: "::";
}

/* =================== 
 * layout
 * =================== */
.wrapper{
    min-width:320px;
    background:#eae4c9;
}
#header{
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2Y2FhMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2VhZTRjOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmNhYTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #d6caa2 0%, #eae4c9 50%, #d6caa2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6caa2), color-stop(50%,#eae4c9), color-stop(100%,#d6caa2));
    background: -webkit-linear-gradient(top, #d6caa2 0%,#eae4c9 50%,#d6caa2 100%);
    background: -o-linear-gradient(top, #d6caa2 0%,#eae4c9 50%,#d6caa2 100%);
    background: -ms-linear-gradient(top, #d6caa2 0%,#eae4c9 50%,#d6caa2 100%);
    background: linear-gradient(to bottom, #d6caa2 0%,#eae4c9 50%,#d6caa2 100%);
    padding-top:55px;
    padding-bottom: 1em;
    border-bottom: 3px solid #5b4f36;
    line-height:1;
}
.section{
    padding:1em 0;
}
.content{
    max-width: 1200px;
    padding:10px;
    margin:0 auto;
}
.subh1{
    padding:15px;
    background:#fff;
    border:1px solid #555;
    box-shadow: 4px 4px 1px rgba(0,0,0,0.3);
}
.subh1.nopadding{
    padding:0px;
}

/* Footer items */
#footer{
    padding: 2em 0 0;
    background:#d8cda6;
    color:#444;
    font-size:0.7em;
    border-top: 1px solid #a4976c;
}

.ft-td.alpha, .ft-td.beta, .ft-td.gamma{
    display:block;
    text-align:center;
    padding:10px 0px;
    margin:0 0 10px;
    border-style:dashed;
    border-width:0px 0px 1px;
    border-color:#444;
}
.ft-td.alpha{
    padding:0px 0px 10px;
}
.ft-td.alpha a{
    display:block;
    padding:10px;
    background-color:#892822;
    color:#fff;
    margin:5px 0 0;
    border-radius:5px;
    text-decoration:none;
}

/* =================== 
 * header items
 * =================== */
.header-sub{
    padding: 10px;
    max-width: 1200px;
}
.header-sub.alpha{
    display:block;
    width:100%;
    padding:0;
    position:fixed;
    top:0;
    left:0;
    z-index:100;
    box-shadow:0px 0px 5px #555;
}
.header-table{
    display:table;
    width:100%;
    border-collapse:collapse;
}
.header-tr{
    display:table-row;
    vertical-align:top;
}
.header-td{
    display:table-cell;
    vertical-align:middle;
}
#header h1{
    padding:0px;
    font-size:21px;
    border-width:0px 1px 0px 0px;
    background:#940000;
    border-radius:0px;
    box-shadow:none;
}
#header h1 a{
    display:block;
    width:100%;
    padding:10px;
    text-decoration:none;
    color:#fff;
    text-shadow:0px 1px 0px #000;
}
#subheader-content{
    font-size:0.9em;
    text-shadow:0px 1px 0px #fff;
    max-width:420px;
    margin:0 auto;
}
#header img.rrlogo,
img#paymentmethods{
    display:block;
    width:100%;
    height:auto;
    max-width:420px;
    margin:0 auto 10px;
}
img#paymentmethods{
    margin:0;
    max-width:360px;
}

/* =================== 
 * nav
 * =================== */
#menuExpander{
    width:60px;
    background:#fff;
    text-align:center;
}
#menuExpander i.fa{
    font-size:21px;
    color:#333;
    text-shadow:0px 1px 0px #ddd;
}
.nav-container{
    border-style:solid;
    border-color:#333;
    border-width:0px 0px 1px;
    background:#fff;
}
#nav{
    height:0;
    overflow:hidden;
    visibility:hidden;
    background:#fff;
    transition: all 0.2s ease;
}
#nav.open{
    height:176.583px;
    overflow:auto;
    visibility: visible;
}
#nav-company-name{
    display:none;
}
#nav > a{
    display:block;
    padding:5px 10px;
    text-decoration:none;
    background:#eee;
    color:#333;
    text-shadow:1px 1px 0px #fff;
    text-indent:10px;
    border-style:solid;
    border-color:#333;
    border-width:1px 0px 0px;
}
#nav > a > i.fa{
    text-indent:0px;
    margin-right:10px;
}
#nav > a:hover,
#nav > a:active{
    background:#fff;
}

/* =================== 
 * Unit sizes & pricing
 * =================== */
.access-hours{
    padding:4px;
    background:#eee;
    border:1px solid #ccc;
}
.access-hours div{
    padding:5px 10px;
    background:#fff;
}
.unit-type{
    display:block;
    padding:5px 10px;
    border-width:1px 0px;
    border-style:solid;
    border-color:#555;
    background:#333;
    color:#fff;
}
.unit-type.non-climate-controlled{
    background:#FF8800;
    color:#000;
}
.unit-type.climate-controlled{
    background:#204E8A;
    color:#fff;
    text-shadow:0px 1px 0px #333;
}
.unit-details{
    position:relative;
    padding:10px;
    background:#fff;
    border-bottom:1px solid #333;
}
.unit-details.ud-header{
    display: none;
}
.unit-details .unit_dimensions strong{
    display: block;
}
.unit-details .unit_dimensions i.fa-th-large{
    font-weight: normal;
    color: #777;
    margin-right: 10px;
}
.unit-details .unit_dimensions,
.unit-details .unit_availability{
    width: calc(100% - 85px);
}
.unit-details .unit_desc{
    display: none;
    font-style: oblique;
}
.unit-details .unit_availability{
    font-weight: bold;
    color: #080;
}
.unit-details .unit_availability.none{
    font-weight: normal;
    color: #777;
}
.unit-details .unit_rent{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    padding:10px;
    width:75px;
    background:#fff;
    font-weight:bold;
    text-align:center;
    border-left:1px solid #333;
    transition:all 0.3s ease;
}
.unit-details .unit_rent small{
    display: block;
    word-spacing: 3px;
}
.gold_button, .disabled_button{
    display:block;
    position:relative;
    z-index:2;
    width:100%;
    margin:8px 0 0;
    padding:7px;
    color:#333;
    text-align:center;
    text-decoration:none;
    border-radius:5px;
    font-weight:normal;
    font-size:1em;
}
.gold_button{
    cursor:pointer;
    background: rgb(247,223,165);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZGZhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYjlkMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(247,223,165,1) 0%, rgba(251,157,35,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,223,165,1)), color-stop(100%,rgba(251,157,35,1)));
    background: -webkit-linear-gradient(top, rgba(247,223,165,1) 0%,rgba(251,157,35,1) 100%);
    background: -o-linear-gradient(top, rgba(247,223,165,1) 0%,rgba(251,157,35,1) 100%);
    background: -ms-linear-gradient(top, rgba(247,223,165,1) 0%,rgba(251,157,35,1) 100%);
    background: linear-gradient(to bottom, rgba(247,223,165,1) 0%,rgba(251,157,35,1) 100%);
    border:1px solid #804000;
}
.gold_button:hover{
    color:#000;
    background: #f5d78e;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZDc4ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWI5MzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f5d78e 0%, #eeb933 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5d78e), color-stop(100%,#eeb933));
    background: -webkit-linear-gradient(top, #f5d78e 0%,#eeb933 100%);
    background: -o-linear-gradient(top, #f5d78e 0%,#eeb933 100%);
    background: -ms-linear-gradient(top, #f5d78e 0%,#eeb933 100%);
    background: linear-gradient(to bottom, #f5d78e 0%,#eeb933 100%);
}
.disabled_button{
    background:#eee;
    border:1px solid #aaa;
    color:#888;
    cursor:not-allowed;
}
.gold_button.inline{
    display:inline-block;
    width:auto;
}

.unit-details .gold_button,
.unit-details .disabled_button{
    max-width:304px;
}
.unit-details .gold_button span.small-interface,
.unit-details .disabled_button span.small-interface{
    display: block;
}

/* =================== 
 * Contact form
 * =================== */
#cff-container{
    position:relative;
    padding:10px;
}
#cff-overlay{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:99;
    background:rgba(0,0,0,0.5);
}
#cff-overlay i.fa{
    position:absolute;
    top:calc(50% - 40px);
    left:calc(50% - 40px);
    font-size:5em;
    color:#fff;
}
#contact-form,
#cff-container .cff-message-box{
    max-width: 499px;
}
#contact-form p.cff_error_boxes{
    margin: 0;
    padding: 10px;
    border-radius: 5px 5px 0px 0px;
    border: 1px solid #f00;
    background: #f00;
    color: #fff;
}
#contact-form input[type=text],
#contact-form input[type=tel],
#contact-form input[type=email],
#contact-form textarea{
    margin:0 0 15px;
    border-width: 1px;
    border-style: solid;
    border-color: #333;
}
#contact-form input[type=text].input_error,
#contact-form input[type=tel].input_error,
#contact-form input[type=email].input_error,
#contact-form textarea.input_error{
    border-width: 0px 1px 1px 1px;
    border-radius: 0px 0px 5px 5px;
}
#contact-form textarea{
    min-height: 100px;
}
#contact-form .gold_button{
    margin:1em auto 0;
}
noscript{
    display: block;
    margin: 2em;
    padding: 2em 0;
    background: #333;
    background-image: repeating-linear-gradient(
        45deg,
        transparent,
        transparent 10px,
        #ffff00 10px,
        #ffff00 20px
    );
    border: 1px solid;
}
noscript span{
    display: block;
    background: #ffffcc;
    border-width: 1px 0px;
    border-style: solid;
    padding: 10px;
}

/* =================== 
 * Miscellaneous
 * =================== */
.facilityFeaturesList{
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0px 20px;
    font-size: 0.9em;
    list-style-image:url(/images/box.png);
    transition: all 0.3s ease;
}
iframe.google-map{
    width: 100%;
    max-width: 100%;
    height: 200px;
    border: 1px solid #aaa;
    border-radius: 3px;
}
#phoneAddressBlock{
    font-size:2.5em;
    line-height:normal;
}
#main_slideshow{
    display:none;
}
#inline-badge{
    max-width: 498px;
    margin: 15px 0 0;
    height: 60px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background: #f9f9f9;
    background-image: repeating-linear-gradient(
        70deg,
        transparent,
        transparent 2px,
        #e3e3e3 2px,
        #e3e3e3 4px
    );
    overflow: hidden;
}
#inline-badge .grecaptcha-badge{
    margin: 0 auto;
    border-radius: 0 !important;
}
@media screen and (min-width:480px) {
    .unit-details .unit_rent{
        width:100px;
    }
    .ft-td.alpha a{
        display:inline;
        display:inline-block;
        padding:0;
        margin:0 20px 0 0;
        background:none;
        color:#555;
        border-radius:0px;
        text-decoration:underline;
    }
    .ft-td.alpha a:hover{
        color:#000;
    }
}
@media screen and (min-width:640px) {
    .small-interface{
        display:none;
    }
    .large-interface{
        display: inherit !important;
    }
    .content{
        padding:20px 10px;
    }

    .table{
        display:table;
        width:100%;
        border-collapse:collapse;
    }
    .table.auto-width{
        width:auto;
    }
    .table .tr{
        display:table-row;
        vertical-align:top;
    }
    .table .td{
        display:table-cell;
        vertical-align:top;
        padding:0px 20px 0px 0px;
    }
    .table .td.contact-alpha{
        width:320px;
    }
    .table .td.vert-mid{
        vertical-align:middle;
    }
    #header{
        background-image: url(/images/headerbg.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }
    #header h1{
        display:none;
    }
    .nav-container{
        background:#940000;
    }
    #nav{
        display:block;
        height:inherit;
        overflow:auto;
        visibility: visible;
        background:none;
        text-align:center;
        line-height:1;
    }
    #nav.open{
        height:inherit;
    }
    #nav > a{
        display:inline-block;
        padding:10px;
        font-size:14px;
        color:#fff;
        background:#940000;
        text-shadow:none;
        border-width:0px 1px 0px 0px;
        border-color:#fff;
        text-indent:0;
    }
    #nav > a:first-of-type{
        border-width:0px 1px;
    }
    #nav > a:hover{
        color:#000;
    }
    .header-sub{
        position:relative;
        margin:0 auto;
    }
    .header-sub.alpha{
        max-width:100%;
        padding:0px;
        height:auto;
    }
    .subh1{
        border-radius:0px 10px 10px 10px;
        overflow:hidden;
    }
    #subheader-content,
    #header img.rrlogo{
        max-width:330px;
        margin:0 0 10px;
    }
    #main_slideshow{
        display:block;
        position:absolute;
        top:9px;
        right:10px;
        width:calc(100% - 370px);
        max-width:440px;
        height:240px;
        padding:5px;
        border:1px solid #aaa;
        background-color:#eee;
        overflow:hidden;
    }
    .slides_container, #slides,
    .slides_container .slide,
    .slide img{
        width:338px;
        height:228px;
    }

    .access-hours,
    .access-hours div{
        border-radius:0px 8px 0px 0px;
    }
    .contact-container{
        display:inline-block;
        vertical-align:top;
        width:50%;
        padding:0px 20px 0px 0px;
    }
    .contactTable{
        width:100%;
        background-color:#fff;
        border-collapse:collapse;
    }
    .contactTable .tr{
        display:table-row;
    }
    .contactTable label, .contactTable .td{
        display:table-cell;
        vertical-align:top;
        width:auto;
        padding:10px;
        background-color:#eee;
        border:2px solid #fff;
    }
    .contact-alpha a{
        position: relative;
        text-align: center;
    }
    .contact-alpha a,
    .contact-alpha div{
        border-radius: 3px;
    }
    .contact-alpha a span{
        position: absolute;
        left: 10px;
    }
    .contact-alpha .qr_code{
        display: block;
        margin: 0;
        width: 100%;
        height: 300px;
        background: #fff;
        background-image: url(images/qr-code.png);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: calc(100% - 20px);
    }
    iframe.google-map{
        height: 452px;
    }
    
    /* =================== 
     * Unit details styling
     * =================== */
    .unit-details-container,
    .unit-details{
        text-align:left;
    }
    .unit-details-container{
        display:table;
        width:100%;
        padding:10px;
        border-collapse:collapse !important;
    }
    .unit-details,
    .unit-details.ud-header{
        position:inherit;
        display:table-row;
        vertical-align:middle;
        box-shadow:none;
        border:0;
    }
    .unit-details .unit_dimensions,
    .unit-details .unit_availability,
    .unit-details .unit_rent,
    .unit-details .ublank,
    .unit-details .gold_button,
    .unit-details .disabled_button{
        position: inherit;
        display: table-cell;
        vertical-align: middle;
        margin: 0;
        padding: 10px;
        width: auto;
        border-width: 0px 1px 1px;
        border-style: solid;
        border-color: #333;
        box-shadow: none;
        border-radius: 0;
    }
    .unit-details.ud-header .unit_dimensions,
    .unit-details.ud-header .unit_availability,
    .unit-details.ud-header .unit_desc,
    .unit-details.ud-header .unit_rent,
    .unit-details.ud-header .ublank{
        background: #eee;
        font-weight: bold;
        color: #333;
    }
    .unit-details.ud-header .ublank,
    .unit-details .unit_availability{
        text-align: center;
    }
    .unit-details .unit_availability,
    .unit-details .unit_rent,
    .unit-details .gold_button,
    .unit-details .disabled_button{
        width: 125px;
    }
    .unit-details .unit_dimensions{
        border-width: 0px 1px 1px 0px;
    }
    .unit-details *:last-child{
        border-width: 0px 0px 1px 0px;
    }
    .unit-details .disabled_button{
        font-size: 0.8em;
    }
    .unit-details:last-of-type .unit_dimensions,
    .unit-details:last-of-type .unit_desc,
    .unit-details:last-of-type .unit_availability,
    .unit-details:last-of-type .unit_rent,
    .unit-details:last-of-type .gold_button,
    .unit-details:last-of-type .disabled_button,
    .unit-details:last-of-type .ublank{
        border-bottom-width: 0px;
    }

    /* =================== 
     * Contact form
     * =================== */
    .ft-table{
        display:table;
        width:100%;
        border-collapse:collapse;
        padding:0px 0px 10px;
        margin:0 0 10px;
        border-bottom:1px dashed #444;
    }
    .ft-tr{
        display:table-row;
        vertical-align:top;
    }
    .ft-td.alpha, .ft-td.beta, .ft-td.gamma{
        display:table-cell;
        vertical-align:top;
        text-align:left;
        padding:0px 10px;
        border:0;
        margin:0;
    }
    .ft-td.alpha{
        padding:0px 10px 10px 0px;
    }
    .ft-td.beta, .ft-td.gamma{
        text-align:right;
    }
}
@media screen and (min-width:800px){
    .facilityFeaturesList{
        width: 33%;
        margin: 0 0 10px;
        padding: 0 0 0 25px;
    }
    #main_slideshow{
        display:block;
        position:absolute;
        top:9px;
        right:10px;
        height:322px;
        padding:5px;
        border:1px solid #aaa;
        background-color:#eee;
        box-shadow:0px 0px 4px #999;
        overflow:hidden;
    }
    .slides_container, #slides,
    .slides_container .slide,
    .slide img{
        width:427px;
        height:270px;
    }
    .prev, .next{
        display:block;
        position:absolute;
        left:5px;
        bottom:5px;
        z-index:10;
        opacity:0.4;
        cursor:pointer;
        background:#454545;
        color:#fff;
        padding:5px 10px;
        text-decoration:none;
        font-size:24px;
        line-height:1;
    }
    .next{
        left:inherit;
        right:6px;
    }
    .next:hover, .prev:hover{
        opacity:1;
    }
    .pagination{
        width:427px;
        line-height:1;
        list-style:none;
        text-align:center;
    }
    .pagination li{
        list-style:none;
        display:inline;
        display:inline-block;
        margin:18px 2px 0;
    }
    .pagination li a{
        display:block;
        width:12px;
        height:12px;
        border-radius:50%;
        background:#fff;
        text-decoration:none;
        overflow:hidden;
        text-indent:200px;
        box-shadow:inset 0px 0px 2px #555;
    }
    .pagination li.current a{
        background:#940000;
        box-shadow:none;
    }
    #cff-container{
        padding: 0;
        overflow:hidden;
    }
    #cff-container.withbg{
        background-image: url(/images/headerbg.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }
    #cff-container .cff-message-box{
        position:absolute;
        top:1em;
        right:1em;
        width:calc(100% - 535px);
        max-width: none;
        font-size: 1.2em;
    }
    #contact-form{
        margin:0;
        padding:1em;
        background:#fff;
        box-shadow:0px 0px 5px rgba(0,0,0,0.5);
    }
}

@media screen and (min-width:960px){
    #nav{
        position:relative;
        max-width:1200px;
        margin:0 auto;
        text-align:right;
        padding:0;
    }
    #nav > a{
        padding:10px 15px;
    }
    #nav-company-name{
        display:block;
        position:absolute;
        top:5px;
        left:10px;
        text-align:left;
    }
    #nav-company-name a{
        text-decoration:none;
        font-family:"Slabo 27px", serif;
        font-weight:bold;
        font-size:1.3em;
        font-variant:small-caps;
        color:#fff;
        text-shadow:1px 1px 0px #333;
    }
    .facilityFeaturesList{
        font-size:1.2em;
    }
    #subheader-content,
    #header img.rrlogo{
        max-width:420px;
        margin:0 0 10px;
    }
    .unit-details .unit_dimensions{
        width: 260px;
    }
    .unit-details .unit_dimensions i.small-screen-desc{
        display: none;
    }
    .unit-details .unit_desc{
        position: inherit;
        display: table-cell;
        vertical-align: middle;
        margin: 0;
        padding: 10px;
        width: auto;
        border-width: 0px 1px 1px;
        border-style: solid;
        border-color: #333;
        box-shadow: none;
        border-radius: 0;
    }
}

@media screen and (min-width:1200px){
    .header-sub{
        padding:10px 0px;
    }
    #main_slideshow{
        right:0;
    }
    .content{
        padding:20px 0px;
    }
}