* {
    margin:0;
    padding:0;
    list-style:none;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

@font-face {
    font-family: 'bignoodletitling';
    src: url('/fonts/bignoodletitling-webfont.eot');
    src: url('/fonts/bignoodletitling-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/bignoodletitling-webfont.woff') format('woff'),
         url('/fonts/bignoodletitling-webfont.ttf') format('truetype'),
         url('/fonts/bignoodletitling-webfont.svg#bignoodletitling') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bemio';
    src: url('../fonts/bemio-webfont.eot');
    src: url('../fonts/bemio-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bemio-webfont.woff') format('woff'),
         url('../fonts/bemio-webfont.ttf') format('truetype'),
         url('../fonts/bemio-webfont.svg#bemio') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bemio';
    src: url('../fonts/bemio_italic-webfont.eot');
    src: url('../fonts/bemio_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bemio_italic-webfont.woff') format('woff'),
         url('../fonts/bemio_italic-webfont.ttf') format('truetype'),
         url('../fonts/bemio_italic-webfont.svg#bemio_italicregular') format('svg');
    font-weight: normal;
    font-style: italic;

}

html {
    background: #eee;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size:56.25%;
    color:#626262;
    text-rendering: optimizeLegibility;
}

sup{
	vertical-align:super;
    font-size:.5em
}
p, address {
	margin:0 0 1.8em;
	line-height:1.4em;
    font-size:1.4em
}
q {
	display:block;
	margin:6px 0
}
cite {
	display:block;
	margin:6px 0
}

/* Modern Micro Clearfix Hack -- http://nicolasgallagher.com/micro-clearfix-hack/ */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}


img {
	border:0
}
a {
	font-weight:bold;
	color:#4b2b57;
    text-decoration:none
}
a:hover, a:focus {
	color:#77438a
}
    a:focus {
        outline: none;
    }
a.btn, .hidden-text {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
a.btn:hover {
	background-position:bottom;
}
ul, ol {
	margin-bottom:15px;
}
ol li {
	list-style-type:decimal;
	margin:0 0 7px 30px;
	line-height:17px;
}
    ol.roman li {
        list-style-type: lower-roman;
    }
dt {
	margin-bottom:5px;
}
dt a {
	font-size:14px;
}
dd {
	padding-bottom:7px;
	margin-bottom:7px;
	background:url(/img/imgLine.png) repeat-x bottom;
}
.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}
.req {
	color:#f00;
	float:right;
	font-size:11px;
	margin:0;
}

/* BEGIN: Headings ================== */
.h1, .h2 {
    display:block;
    font-family: bignoodletitling, sans-serif;
    line-height:1
}

.h1 {
    font-size:3.6em;
    color:#4d425e;
    margin-bottom:7px;
}

.h2 {
    font-size:3.6em;
    color:#5a5a5a
}

.h3 {
    display:block;
    font-size:1.7em;
    font-family: 'Century Gothic', 'Apple Gothic', sans-serif;
    font-weight: bold;
    line-height:1;
    color: #303030;
}

h1 {
	color:#411a4f;
	padding: 20px 0;
}
h2 {
	font-size:18px;
}
h3, .h3 {
	font-size:14px;
	color:#430753;
	margin:0 0 10px 0;
}

h3 span{
	font-weight:normal;
	color:#333
}

h4 {
	font-size:13px
}
h5 {
	font-size:12px;
	background:#1B6D3D;
	color:#fff;
	padding:7px 10px;
}
h6 {
	font-size:11px
}
/* END: Headings ================== */


/* BEGIN: Forms ================== */
fieldset {
	border:0;
	margin:10px 0;
}

fieldset ol li{
	list-style:none;
	margin:0 0 7px;
	line-height:normal
}

legend {
	display:none
}
label {
	width:180px;
	clear:left;
	float:left;
	display:block;
	text-align:right;
	margin:3px 7px 0 0;
	color:#666;
	font-size:11px;
	font-weight:bold;
}
select {
	font-size:11px;
	color:#666;
	padding:2px;
}
option {
	font-size:11px;
	color:#666;
}
textarea {
	width:300px;
	height:100px;
}
.textfield, textarea, select {
    width:100%;
    padding:11px 8px;
    color:#7b7b7b;
    background:#fff url(../img/bg-input-gradient.svg);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e1e1e1));
	background: linear-gradient(to bottom,  #fff 0%,#e1e1e1 100%);
    border:5px solid #c2c2c2;
}
.small {
	width:80px;
}
.valign * {
	vertical-align:middle
}
.valign label {
	display:inline;
	float:none
}
span.error {
    display:block;
    color:#fff;
    font-size:1.4em
}

.error {
	margin:0 0 15px;
	padding:15px;
	background-color:#FF0000;
	font-weight:bold
}
.error ul {
	margin:0;
}
.error li {
	color:#fff;
	padding:2px 0;
}
.note, .note * {
	font-size:11px;
	line-height:16px;
	color:#666;
}
.note a {
	color:#45075d;
	font-size:11px;
}
/* END: Forms ================== */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 2em 0;
	padding: 0;
}

.button{
	padding:12px 15px 0;
}
.button.small{
	font-size:2em;
	margin-top:15px;
	padding:12px 15px 6px;
	width:inherit;
}

/* BEGIN: Tables ================== */
table {
	margin:0 0 10px 0;
	width:100%;
}
/*th {
	background:#1B6D3D;
	color:#fff;
	padding:7px 10px;
	text-align:left;
}*/
td {
	vertical-align:top;
}
.even {
	background:#FBFDC5
}
/* BEGIN: Tables ================== */

.container {
    width: 980px;
    margin: auto;
}

#header {
    height: 136px;
	background:#fff;
}

#header > div{
    position:relative
}

#top {
    height:40px;
    padding:5px 0 6px;
	background:#411b50;
}

    #top fieldset {
        float: left;
		margin:0;
        white-space:nowrap
    }

    #top fieldset label {
        width:146px;
        height:29px;
        margin:0 3px 0 0;
        background-image:url(/img/lbl-find-ez-storage.png);
        text-align:left;
    }

    #top fieldset .textfield {
        width: 170px;
        border: 2px solid #45384a;
        padding: 7px 4px;
        font-size: .9em;
        vertical-align:middle
    }

    .multiplebgs #top fieldset .textfield {
		background: url(/img/bg-input-arrow.png) no-repeat 152px 8px, url(/img/bg-input-gradient.svg);
	}
	
        #top fieldset .button {
            font-size:1.8em;
            padding:6px 12px 0;
            vertical-align:middle
        }

    #top > div > a {
        float: right;
        margin-right:18px
    }

#logo {
	float:left;
	margin:20px 24px 0 9px;
	display:inline-block;
	background:url(/img/logo.gif) no-repeat top;
	width:158px;
	height:99px;
}

#features div {
    float: left;
    height:82px;
    margin:5px 0 0;
    padding-top:33px;
    font-size:1.5em;
    font-weight:bold;
    text-align:center;
    color:#000;
    background-image:url(/img/sprite.png);
    background-repeat:no-repeat
}

#main{
	background:#fff url(/img/bg.png) repeat-x top;
}

#features .top-rated {
    width:147px;
    margin-left:57px
}

#features .facilities {
    width:157px;
    margin-left:105px;
    background-position:-254px 0
}

#features .service {
    width: 188px;
    margin-left:105px;
    background-position:-508px 0
}

#nav {
    width:799px;
    height:50px;
    background:#4b2b57;
    border-radius:5px;
    position:absolute;
    left:181px;
    top:85px;
}

    #nav ul.menu > li{
        display:inline-block;
        height:50px;
        padding:5px;
    }

    #nav ul.menu a {
        display: block;
        color: #fff;
        font-weight:normal;
        text-decoration:none;
        border-radius:4px;
    }

    #nav ul.menu > li > a {
        padding: 11px 23px;
        font-size: 1.5em;
    }
    .ie9 #nav ul.menu > li > a {
        padding: 11px 18px;
    }

        #nav ul.menu a:hover, #nav ul.menu a:focus, #nav ul.menu li.sfHover > a {
            background-color:#8165ac;
        }

    #nav ul.sf-menu ul {
        margin:0 5px;
        background:#4b2b57;
        border-radius:0 0 4px 4px;
    }
        #nav ul.sf-menu ul li {
            padding:5px;
        }

        #nav ul.sf-menu ul a {
            color:#fff;
            padding:6px 18px;
            font-family:Arial, Helvetica, sans-serif;
            font-size:1.3em;
            font-weight:normal
        }

    #nav ul.sf-menu > li > a.sf-with-ul {
        background-image: url(/img/sprite.png);
        background-repeat: no-repeat;
        background-position:center bottom
    }

    #nav ul.menu > li.my-account {
        float: right;
        padding:0
    }

        #nav ul.menu > li.my-account a.button {
            font-family:'Century Gothic', 'Apple Gothic', sans-serif;
            text-transform:uppercase;
            margin:5px 18px 0 0;
            padding: 10px 19px 9px;
            font-size:1.75em;
            font-weight: bold;
            line-height:1.2em
        }

.sticky{   
    padding-top:116px;
}

.sticky #top{
	display:none;
}

.sticky #header {
	width:100%;
	height: 81px;
	position:fixed;
	top:0;
	z-index:2;
	border-bottom:25px solid #4f335b;
}

.sticky #features{
	display:none;
}

.sticky #logo{
	background-position:bottom;
	margin: 10px auto;
	width:158px;
	height:38px;
}

.sticky #nav{
	top:5px;
}

.sticky #main{
	margin-top:60px;
	position:relative;
	z-index:1;
}

#footer {
    padding:12px 0 24px;
    background: #eee;
    border-top: 9px solid #4f325a;
    position:relative;
    z-index:2
}

    #footer > div {
        width: 980px;
        padding-left:32px;
        margin: auto;
    }

        #footer > div > div {
            float: left;
        }

            #footer > div > div + div {
                margin-left: 28px;
            }

    #footer .h3 {
        margin: 0 0 1em;
        color:#303030
    }

    #footer ul li{
        font-size: 1.1em;
        line-height: 1.9em;
    }

    #footer li a {
        color: #767676;
        font-weight:normal;
        text-decoration: none;
    }

    #footer #cc-logos {
        display:block;
        margin:0 0 7px
    }

    #footer #comodo {
        margin:0 50px 0 0
    }

    #footer #chase {
        margin:6px 0 0
    }

    #footer ul.social-media {
        width:174px;
        height:25px;
    }

        #footer ul.social-media li {
            float:left;
            width:24px;
        }

            #footer ul.social-media li + li {
                margin-left: 6px;
            }

            #footer ul.social-media li a {
                display: block;
                height: 25px;
				background:url(/img/sprite.png) no-repeat -90px -297px
            }

    #footer p.copyright {
        font-size: 1.25em;
        margin-top:58px
    }

		#FindLocation{
			margin-bottom:15px;
			padding:15px;
			background:#f7f7f7;
		}
		#FindLocation h3,
		#Reservation h2{
			font-size:20px;
		}
		#FindLocation input, #FindLocation select{
			padding:5px;
		}

#contact-form .note {
	margin-top:10px;
	color:#999 !important;
	font-size:0.9em;
}

#location-options {
    float: left;
    width: 445px;
}

    #location-options label {
        float: none;
        font-size: 1.2em;
        margin: 0 0 5px;
        text-align: left;
        width: auto;
        display:none
    }

    #location-options select {
        width: 100%;
        font-size: 15px;
        border-width: 5px;
        color: #464646;
        margin: 0 0 20px;
    }

    #location-options > p {
        font-size:15px
    }

        #location-options > p a {
            text-decoration: underline;
        }

#pricing-location-info {
    float: right;
    width: 445px;
}

		#pricing-location-info h4{
			color: #4B2B57;
			font-size:1.8em
		}

    #pricing-location-info p {
        color: #939393;
        font-weight: bold;
        margin:0 0 1em
    }

    #pricing-location-info span.contact {
        font-size: 1.25em;
        line-height: 1.5em;
        color:#4b2b57
    }

    #pricing-location-info a.lnk-directions {
        font-size:1.25em;
        color:#8165ac
    }

        #pricing-location-info p#promo {
            font-size:2em;
            color:#474747;
            font-weight:normal;
            margin-top:30px;
            padding-top: 20px;
            border-top: 1px solid #a1a1a1;
        }

		#pricing-location-info #promo span{
			color:#8165ac;
			font-weight:bold
		}
		
		#pricing-location-info a.coupon {
			display: block;
			margin: 0 0 25px;
			float:left;
		}

    #pricing-location-info .learn-more {
        font-size: 1.6em;
    }

        #pricing-location-info .learn-more a {
            text-decoration: underline;
        }

.PricingComingSoon {
    width:90%;
    margin:30px auto;
    padding:25px;
    text-align:center;
    font-size:3em;
    background:#eee;
    border: 5px solid #4F325A;
    border-radius:20px;
}

#sizing-coupons {
    margin: 0 0 36px;
}

		#sizing-coupons a.coupon img + img{
			margin-left:32px
		}

		.pricing_leftcolumn,
		.pricing_rightcolumn{
			float:left;
			width:49%
		}
		.pricing_leftcolumn .pricebox,
		.pricing_rightcolumn .pricebox{
			float: left;
			font-size: 1.3em;
			padding: 5px;
			width: 49%;
			min-height:150px;
			position:relative
		}

		.pricing .pricebox{
			float: left;
			font-size: 1.3em;
			padding: 5px;
			width: 32%;
			min-height:150px;
			position:relative
		}
		.pricebox .button{
			font-size:2.5em
		}
		.pricebox .price_tab{
			color: #4B2B57;
			font-weight:bold;
			font-size:1.2em
		}
		.pricebox .price_main .label{
			color:#939393;
			display:block
		}
		.pricebox .price_main .price{
			color:#8165ac;
			font-family: 'bemio';
			font-size: 1.5em;
		}

		.pricebox .price_main .x-price{
			display:inline-block;
			color:red;
			text-decoration:line-through;
		}
		.pricebox .price_main .x-price .price{
			font-family: Arial;
			font-size:1.2em;
			font-weight:bold;
		}
		.pricebox .price_main .x-price .permonth{
			line-height:1.5
		}
		.pricebox .price_main .x-price .price,
		.pricebox .price_main .x-price .permonth{
			color:#626262
		}
		.pricebox .price_main .sale-price .price{
			color:red
		}
		.pricebox .price_main .button{
			position:absolute;
			bottom:30px;
			-webkit-border-radius: 2px 0 0 2px !important;
			-moz-border-radius:  2px 0 0 2px !important;
			border-radius:  2px 0 0 2px !important;

            -webkit-transition-duration: 0s;
            -moz-transition-duration: 0s;
            -o-transition-duration: 0s;
            transition-duration: 0s;
		}
		.pricebox .price_main .button:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(129, 101, 172, 0); border-left-color: #8165AC; border-width: 22px; margin-top: -22px; }
		.pricebox .price_main .button:hover:after { border-color: rgba(110, 86, 145, 0); border-left-color: #6e5691; }


/* Utility Classes */
.vr-222 {
    display:block;
    width:2px !important;
    height:222px;
    padding:0 !important;
    background-color:#c2c2c2
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}


/* Hide on desktop */
.hide-on-desktop{
	display:none !important; 
}

a#lnk-home,
#lnk-contact{
	display:none;
}

.RadPicker {
	display:inline-block !important;
	height:auto !important;
}

.disabled {
    display:none;
}

.enabled {
    display:inline-block
}