/* Universal Styles */
body { color:#222222; margin:0 auto; font-size:12px; text-align:center; font-style:normal; font-family:"Arial", "Verdana", "Helvetica", "Tahoma", sans-serif; }
h1 { font-size:18px; font-weight:bold; color:#00703c; margin: 3px 0 0; }
h2 { font-size:15px; font-weight:bold; color:#000; }
h3 { font-size:12px; font-weight:bold; color:#000; }
a img { border: 0px; }
a { color:#000; }
a:hover { color:#59a102; }
.actionLink { color:#1879dc; }
.actionLink:hover { color:#59a102; }
.iconLink { color:#59a102; }
.iconLink:hover { color:#000; }
.whiteLink { color:white; }
.whiteLink:hover { color:black; }
.jsLink { color:#000; cursor:pointer; text-decoration:underline; }
.jsLink:hover { color:#59a102; }
#wrapper { width:100%; }
#header { border-bottom:8px solid #00703c;}
#header #logo { float:left; position:relative; top:36px; left:87px; }
#header #main_nav { float:right; margin:28px 40px 0px 8px; font-size:14px; font-weight:bold; }
#header #image_nav { float:right; margin:0px 0px 0px 0px; font-size:14px; font-weight:bold; }
#header #phone_num { float:right; margin-top:10px; }
#header #TopToll { text-align:right; margin-top:9px; display:block; }
#header #reserveTollFree { font-size:12px; font-weight:bold; text-transform:uppercase; }
#header #numberassigned, #header #TopTollNum { font-size:13px;font-weight:bold; }
#header #hablaespanol { font-size:12px; margin-top:1px; color:#7B7979; }
.account { color:#7b7979; text-decoration:none; font-size:10px; font-weight:bold; text-transform:uppercase; } /*padding:0px 3px 0px;*/
.account:hover { color:#00703c; }
#header #phone_img { float:right; margin:0px 0px 0px 5px; }
#header .header_content { height:70px; }
#body { min-height:100px; }
div.spacer { clear:both; }
.header_content { width:990px; margin:0 auto; text-align:left; background:white; }
.content { width:990px; margin:0 auto; text-align:left; background:url(/images/green-bar.gif) repeat-y; }
.content #col_left { float:left; width:330px; background-color:#57a102; min-height:100%; }
.content #col_left a:hover { color:#fff; }
.content #col_right { float:right; width:655px; }
.content .col_pad_left { padding:55px 30px 30px; text-align:left; }
.content .col_pad_left div { margin:5px 0px 5px; }
.content .col_pad_left #map_canvas div { margin:0; }
.content .col_pad_right { padding:10px 0px 10px 15px; }
.mContent_shell { min-height:504px; }
#search_form { margin:19px 24px 4px 0px; border:1px solid #9b9b99; padding:7px 12px; background-color:#ebeedb; }
.search_box { font-size:18px; width:210px; margin:0px; border:1px solid #9b9b9b; padding:3px 4px; }
.search_box2 { font-size:18px; width:210px; margin:0px; border:1px solid #666; padding:3px 4px; }
.search_btn { float:right; position:relative; bottom:40px; left:13px; cursor:pointer; background:URL('/images/btn_go.png') no-repeat; }
.search_btn2 { float:right; width:50px; height:50px; position:relative; bottom:22px; right:20px; cursor:pointer; background:URL('/images/btn_go_sm.png') no-repeat;  }
#footer { height:60px; margin:10px 0px 0px; padding:10px 0px 10px; border-top:1px solid #333; line-height:12px; }
#footer a { color:#7b7979; text-decoration:none; }
#footer a:hover { color:#1879dc; }
.technical_issues { color:White; font-weight:bold; background-color:Red; text-align:center; padding:8px; margin-bottom:10px; }

#popbox-bg { z-index:101; position:fixed; top:0; left:0; width:100%; height:100%; background:#222; filter:alpha(opacity=70); opacity:0.7; display:none; }
#popbox-cl { z-index:102; position:absolute; top:-10px; right:-12px; cursor:pointer; }
#popbox { z-index:101; position:fixed; top:50%; left:50%; text-align:left; background-color:#fff; box-shadow:0 0 25px #111; -webkit-box-shadow:0 0 25px #111; -moz-box-shadow:0 0 25px #111; display:none; }

.eSelect { position:absolute; right:-55px; bottom:-45px; }
.selectImg { display:block; width:102px; height:35px; background:url('../images/btn_see_all_units.png') no-repeat; }
.selectImg:hover { background-position: 0 -40px; }
.selectImg span { display:none; }

.selectImg_city1 {display:block; width:70px; height:60px; background:url('../images/btn_seeallunits-square-green-bg.gif') no-repeat; background-position:0 -57px; }
.selectImg_city1:hover {background-position: 0 0;}
.selectImg_city1 span {display:none;}

/*.selectImg_small { display:block; width:52px; height:52px; background:url('../images/icon_select_small.gif') no-repeat; }
.selectImg_small:hover { background-position: 0 -46px; }
.selectImg_small span { display:none; }*/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix { display: inline-block; }

/* Search Results Page */
.selectImg_sq { display:block; width:69px; height:55px; background:url('../images/btn_seeallunits_sq.gif') 0 -53px no-repeat; }
.selectImg_sq:hover { background-position: 0 4px; }
.selectImg_sq span { display:none; }

/* Home Page */
#home_top { background:url(../images/bg_splash.jpg) no-repeat bottom right; height:330px; }
#home_middle { height:163px; margin:0px; padding:10px 0px 0px; font-size:11px; border-top:1px solid #333; }
.hm_title { font-size:18px; font-weight:bold; padding-bottom:6px; }
#hm_left { position:relative; float:left; width:296px; height:163px; border-right:1px solid #333; padding-right:10px; }
#hm_right { float:right; height:163px; padding:0px 15px 0px; }
#content_title { font-size:38px; font-weight:bold; line-height:42px; }
#content_bullets { list-style:none; position:relative; top:10px; }
#content_bullets li { width:175px; margin:10px 0px 0px -30px; padding:0px 0px 0px 20px; font-size:12px; background:url("/images/bullet_arrow.png") no-repeat 0px 4px; }
#blue_map { position:relative; top:-15px; }
#featuredText { display:none; margin:10px 0px 0px 0px; background-color:#dddddd; height:100px; overflow-y:scroll; overflow-x:hidden; padding:9px 12px; }
#featured a, #featuredText a { color:#fff; text-decoration:none; font-size:10px; line-height:15px; }
#featuredText a { font-size:12px; color:#222222; }
#featured a:hover, #featuredText a:hover { text-decoration:underline; }
/* Image carousel on home page */
#cs-img-carousel {position:relative; height:145px;}
.carousel-img {position:absolute;}

/* ReserveOrHold Page */
#costs_wrap { padding:12px 0; }
.costs_white { border-bottom:1px solid #000; }
.costs_white table { border:0; width:250px; margin:0px 10px 5px; }
.costs_white table td { padding:0; }
.costs_blue { border:1px solid #666; background-color:#c5ddf6; padding:5px; width:75px; text-transform:uppercase; font-size:14px; font-weight:bold; color:#1777db; }
.costs_dark { background-color:#1777db; color:#c5ddf6; }
.costs_left { font-size:12px; font-weight:bold; text-transform:uppercase; }
.costs_right { width:50px; font-size:11px; font-weight:bold; text-align:right; }
.blue18b { font-size:18px; font-weight:bold; color:#1777db; }
.form_col { float:left; width:213px; }
.form_title { padding-bottom:5px; font-size:13px; font-weight:bold; }
.form_field { height:40px; font-size:11px; }
.form_input { border:1px solid #999; width:180px; }
.coupon_btn { color:#333; font-size:9px; border:1px solid #000; background-color:#fff; cursor:pointer; }
.hand { cursor:pointer; }
#digicertsitesealcode div { margin:0px; padding:0; }

/* Confirm and Thank You Pages */
.sub_title { font-size:16px; font-weight:bold; border-top:1px solid #000; padding-top:10px; }
.conf_left { font-size:11px; font-weight:bold; color:#fff; vertical-align:top; width:125px; }
.blueb { font-weight:bold; color:#1777db; }
.whats_next { vertical-align:top; color:#1777db; font-weight:bold; white-space:nowrap; }
.Normal { border: dashed 0px #000000; background-color: #FFFFFF; cursor: auto; padding: 0em; width: 100%; text-align: left; }
.Progress { border: dashed 0px #000000; background-color: #ffffff; background-position: right; background-repeat: no-repeat; cursor: wait; padding: 0em; width: 100%; text-align: left; color: #FF0000; }

/* Facilities Page v1 */
.col_pad_right { color: #000; }
.imgDd { margin-left: 5px !important; position: absolute; }
.imgDd ul li a, .imgDd ul li a:visited { width: 48px !important; margin-right: 6px !important; padding-left: 2px !important; }
.imgDd ul li.first { margin-left: 5px !important; }
.imgDd ul li ul { z-index: 100; }
.imgDd ul li ul li a { text-align: left !important;  }
.imgDd ul li.active a, .imgDd ul li.active a:visited { background-color: #57A102 !important; }
.SortOptionsBar { margin:12px 0 10px; padding:4px 0; font-size:14px; font-weight:bold; background-color:#d5e8c0; }
.SortOptionsBar a:hover { color:black; }
.singleUnitTable  { font-size: 15px; table-layout: fixed; border: 1px solid #000; height: 50px; width: 100%; margin-bottom: 12px; }
.singleUnitTable td { vertical-align:middle; }
.singleUnitTable .singleUnitCell,
.singleUnitTable .SingleUnitCellSeperatorCell { background-color:white; }
.singleUnitCell, .singleUnitTable .SingleUnitCellSeperatorCell { padding: 0px 0px 0px 0px; border-width: 0px !important; }
.SingleUnitCellSeperatorCell { width: 1px;  }
.SingleUnitCellSeperatorLine { height: 45px; width: 1px; border-left: solid 1px white; margin: 5px 0px 5px 0px; } /* black */
.singleUnitCell1 { width: 90px; color:White; font-size: 22px; font-weight: bold; } /* 120 */
.singleUnitCell2 { width: 145px; padding: 5px 0px 0px 8px; color: #000; } /* 110 */
.singleUnitCell3 { width: 155px; padding: 5px 0px 0px 8px; color: #000; padding-bottom: 5px !important; } /* 140 */
.singleUnitCell4 { width: 145px; padding: 5px 0px 0px 8px; color: #000; } /* 120 */
.singleUnitCell5 { width: 55px; }  /* 52 */
.singleUnitCell5 input { background: url(/images/icon_select.png); width: 69px; height: 59px; position:relative; top:0px; left: -5px; }
.singleUnitCell5 input:hover { background-position: 0 -61px; }
.unitSelectButton { cursor: pointer; }
.noButton { border-width: 0px; }
.unitRowBox table { margin-bottom: 15px; }
#previewPane, #galleryContainer { float: left; }
#previewPane  { margin: 10px 0 0 10px; }

#galleryContainer { margin: 12px 0 0 10px; width: 55px; } /* width: 74px; */
#galleryContainer a { display: block; margin-top: 3px; border: solid 1px #bbb; }
#galleryContainer a.top { margin-top: 0px !important; }
#theImages {
    height:224px;
    overflow:hidden;
    position:relative;
}

#displayMap #map_canvas,
#displayNearby #map_canvas2  {
	width: 425px; 
	height: 258px; 
	border: 1px solid #000;
	margin: 10px 0pt 0pt 10px; 
}
.tabbedArea { position: relative; border: 1px solid black; width: 450px; height: 311px; text-align: left; }
.tabbedAreaItem { position: absolute; top: 33px; z-index: 1; }
#displayServices,
#displayDirections,
#displayPhoto,
#displayMap,
#displayStreet,
#displayVideo { display: none ; }
.tabbedAreaItemInner-fullSize {
    margin: 10px 0 0 10px;
	width: 386px; 
	height: 242px;
	border: 1px solid #000; 
	text-align: left; 
 }
 
.tabbedAreaNonFac { position: relative; text-align: left; }
.tabbedAreaItemNonFac { z-index: 1; }
.tabbedAreaItemInner-fullSizeNonFac {
    margin: 10px 0 0 10px;
	text-align: left; 
 }

#arrow_up_image,
#arrow_down_image { left:-8px; position:relative; z-index: 99; }
.ThirdPartySite { margin-top: 15px; }
.CellHide { display: none; }
.unitGridView { table-layout: fixed; }
.box-shadow-green { background: url("/images/nearby-loc-shadow.jpg") no-repeat; width: 90px; height: 70px; }
 
 
 
.cityH1
{
 	font-weight:bold;font-size:18px;color:#00703c;margin:0px;margin-top:20px;
}
 
/* These are for the green boxes on the State Page */
.shaddow {
    background:url("/images/boxShaddow.jpg") no-repeat scroll right bottom transparent;
    height:145px;
    overflow:hidden;
    position:absolute;
    width:145px;
    z-index:-1;
}
.stateH2 {
	padding:7px;
	background-color:#57a102;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	margin:0px;
}
.greenBox {
	width:135px;
	font-size:11px;
	margin-top:15px;
	margin-bottom:20px; 
	border:1px solid #222
}
.greenBoxHeader { padding-top:7px; padding-left:5px; background-color:#57a102; }
.greenBoxHeaderWithBalloon { padding-left:5px; background-color:#57a102; }
.balloon { position:relative; font-weight:bold; }
.balloon div {
	color:#00703c;
	font-size:11px;
	position:absolute;
	left:0px;
	top:5px;
	text-align:center;
	width:21px;
	letter-spacing:-0.1em;
}
.greenBoxData { padding:7px; background-color:#FFFFFF; }
.greenBoxAddress { overflow:hidden }
.greenBoxAddress span
{
	width:130px;
	max-height:14px;
	max-width:128px;
	overflow:hidden;
	position:absolute;
}
.greenBoxLinks { margin:10px 10px 0px 0px; }


/* These are for the Tan Horizonal boxes on the State and City pages */
.tanBoxHolder { padding:0px 0px 10px; }
.tanBox { background-color:#d5e8c0; height:50px; }
.tanBoxNoBalloon { background-color:#d5e8c0; padding:10px; }
.tanBoxBalloon { position:relative; font-weight:bold; margin-top:8px; }
.tanBoxNumber { color:#00703c; font-size:11px; position:absolute; left:0px; top:5px; text-align:center; width:21px; letter-spacing:-0.1em; margin-left:16px; }
.tanBoxData { margin-top:10px; }
.tanBoxSelect { position:relative; }

/* Choose Your Size Page */
div.storageSize { height:30px; }
div.storageSize div { float:left; }
div.storageSize div span { font-weight:bold; font-size:14px; color:#231F20; }
.storageSize a { text-decoration:none; }
.storageLink:link,
.storageLink:visited {
	width:50px;
	border:1px solid #231F20;
	display:inline-block;
	padding:3px 5px 3px;
	text-align:center;
}
.storageLink:hover { background-color:#b9d895 !important; }
.storageLink:active { background-color:#b9d895 !important; }
.findSize { text-decoration:none; color:#807F83; }
.findSize:hover { color:#1879dc; }
.goButton { position:absolute; right:164px; top:10px; cursor:pointer; background:URL('/images/btn_go.png') no-repeat; }

/* FAQ Page */
.question { font-size:13px; color:#222; font-weight:bold; cursor:pointer; margin-bottom:20px; text-decoration:underline; }
.question:hover { color:#59a102; }
.answer { margin:5px 0 20px; display:none; }