html,
body
{
   background-color: #cdb77d;
   color: #fff;
   padding: 0px;
   margin: 0px;
   width: 100%;
   height: 100%;
}
td
{
   text-align: left;
   vertical-align: top;
}
.clearCols
{
   clear: both;
}
.pageTitle
{
   font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   color: #666;
   text-transform: uppercase;
   text-align: left;
   padding-bottom: 1px;
   margin-bottom: 10px;
   border-bottom: 1px #ccc solid;
}
.grayLinks
{
   line-height: 12px;
}
.grayLinks a
{
   color: #666;
   text-decoration: none;
}
.grayLinks a:hover
{
   color: #333;
   text-decoration: underline;
}
#mainTable
{
   width: 980px;
   margin: 0px auto;
   font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
}
#shadowTop,
#shadowBottom,
{
   height: 8px;
}
#header
{
   padding: 0px;
   margin: 0px;
}
#headerWrapper
{
   position: relative;
   background: url(/images/en/header_back.gif) no-repeat;
   color: #000;
   height: 118px;
}
#logo
{
   position: absolute;
   top: 16px;
   left: 57px;
}
#logo img
{
   width: 307px;
   height: 87px;
}
#globalNav
{
   position: absolute;
   top: 6px;
   right: 12px;
   font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
   color: #8e7130;
   z-index: 100;
}
#globalNav a:link,
#globalNav a:visited,
#globalNav a:active
{
   position: relative;
   text-decoration: none;
   font-weight: bold;
   color: #000;
}
#globalNav a:hover
{
   position: relative;
   text-decoration: none;
   font-weight: bold;
   color: #8e7130;
   border-bottom: 1px #8e7130 dotted;
}
#rotation
{
   position: absolute;
   top: 0px;
   right: 0px;
}
#shadowNavLeft,
#shadowNavRight
{
   width: 8px;
   height: 33px;
}
#navigation
{
   background: url(/images/en/navBar_back.gif) no-repeat;
   height: 33px;
   text-align: right;
}
#shadow-left
{
   background: url(/images/en/shadow_body-left.png) repeat-y;
   width: 8px;
}
#shadow-right
{
   background: url(/images/en/shadow_body-right.png) repeat-y;
   width: 8px;
}
#bodyContent
{
   background: #fff;
   color: #000;
   line-height: 1.5em;
   width: 964px;
}
#bodyContent a:link,
#bodyContent a:visited,
#bodyContent a:active
{
   text-decoration: none;
   font-weight: bold;
   color: #f37736; 
}
#bodyContent a:hover
{
   font-weight: bold;
   color: #000;
}
#bodyWrapper-front
{
   position: relative;
   background: url(/images/en/image_back-front.jpg) top left no-repeat;
   height: 519px;
}
#bodyWrapper-location
{
   background: url(/images/en/image_back-location.jpg) top left no-repeat;
   background-color: #fff;
   min-height: 440px;
}
#bodyWrapper-reserve
{
   background: url(/images/en/image_back-reserve.jpg) top left no-repeat;
   background-color: #fff;
   min-height: 824px;
}
#bodyWrapper
{
   min-height: 519px;
   height: auto !important;
   height: 519px;
}
#search-front
{
   position: absolute;
   top: 55px;
   left: 83px;
   width: 237px;
   text-align: center;
   font-size: 11px;
   line-height: 16px;
   letter-spacing: normal;
}
#search-front form
{
   margin-top: 10px;
}
#search-front #searchStates
{
   text-decoration: none;
   font-weight: bold;
   color: #000;
   font-size: 9px;
   text-transform: uppercase;
}
#search-front #searchStates a:link,
#search-front #searchStates a:visited,
#search-front #searchStates a:active
{
   color: #000;
}
#search-front #searchStates a:hover
{
   color: #fff;
   border-bottom: 1px #fff dotted;
}
.optionLabel
{
   color: #f37736;
   font-weight: bold;
}
.optionLabel .optionItem
{
   color: #000;
}
#search-front #btn_search,
#search-bar #btn_search
{
   background: url(/images/en/button_search.png) no-repeat;
   width: 80px;
   height: 25px;
   margin-top: -1px;
   margin-left: 5px;
}
#search-front #btn_search:hover,
#search-bar #btn_search:hover
{
   background: url(/images/en/button_search_on.png) no-repeat;
}
#search-bar
{
   background: url(/images/en/image_locations.gif) no-repeat;
   background-color: #ebebeb;
   color: #000;
   height: 33px;
}
#search-bar form
{
   padding-top: 6px;
   padding-left: 10px;
   margin: 0px;
}
#search-bar form select,
#search-bar form input
{
   vertical-align: middle;
}
#quote-front
{
   position: absolute;
   top: 194px;
   left: 178px;
}
#front-content
{
   position: absolute;
   top: 22px;
   left: 390px;
   width: 554px;
   height: 97px;
}
#front-content .boxCopy
{
   height: 97px;
   overflow: hidden;
}
#front-image
{
   position: absolute;
   top: 134px;
   left: 401px;
}
#actionItems
{
   position: absolute;
   letter-spacing: normal;
   top: 405px;
   left: 235px;
   width: 100%;
   color: #fff;
}
#actionItems #box1,
#actionItems #box2,
#actionItems #box3
{
   float: left;
   width: 190px;
   margin-top: 8px;
   padding: 0px;
}
#actionItems #box3
{
   width: 292px;
   margin-top: -25px;
   padding: 0;
}
#actionItems #box1 .boxCopy,
#actionItems #box2 .boxCopy,
#actionItems #box3 .boxCopy
{
   height: 65px;
   overflow: hidden;
}
#actionItems #box1 .boxButton,
#actionItems #box2 .boxButton,
#actionItems #box3 .boxButton
{
   position: absolute;
   top: 75px;
   text-align: center;
}
#actionItems #box1 .boxButton img,
#actionItems #box2 .boxButton img,
#actionItems #box3 .boxButton img
{
   margin-left: 20px;
}
#actionItems #box2
{
   margin-left: 45px;
}
#actionItems #box3
{
   margin-left: 12px;
}
#bodyCopy
{
   padding: 10px 15px 15px 44px;
}
#bodyCopy-location,
#bodyCopy-reserve
{
   padding: 15px;
}
/*smr-old
#columnOne
{
   float: left;
   width: 266px;
   padding-right: 30px;
}
#columnOne #locationContact
{
   font-size: 11px;
   padding-bottom: 10px;
}
#columnOne #locationHours
{
}
#columnOne #locationHours .hoursTitle
{
   float: left;
   width: 50px;
   margin-left: 10px;
}
#columnOne #locationHours .hoursIndent
{
   float: left;
   width: 160px;
}
#columnOne #locationButtons
{
   background: url(/images/en/location_btnBack.jpg) no-repeat;
   width: 244px;
   height: 158px;
   padding: 9px 13px 12px 9px;
}
#columnTwo
{
   float: left;
   width: 268px;
   padding: 0px 15px 0px 24px;
}
#columnTwo #locationCopy
{
   font-size: 11px;
   padding-bottom: 10px;
}
#columnTwo ul
{
   margin-top: 0px;
   margin-bottom: 0px;
}
#columnTwo li
{
   line-height: 14px;
}
#columnThree
{
   float: right;
   width: 281px;
   padding-left: 21px;
}
#columnThree #phoneNumber
{
   text-align: center;
   font-size: 16px;
   font-weight: bold;
   padding: 10px 0px 5px 0px;
}
#columnThree #managers
{
   text-align: center;
}
#locationMap
{
   width: auto;
}
#locationMap #map
{
   width: 425px;
   height: 350px;
}
#locationMap #mapWrapper
{
   background-color: #cdd0e7;
   float: left;
   width: 425px;
   height: 350px;
   padding: 10px;
}
#locationMap #locationImg
{
   background-color: #cdd0e7;
   float: right;
   width: 420px;
   height: 280px;
   padding: 10px;
   overflow: hidden;
}
#locationMap #locationImgCopy
{
   float: right;
   width: 420px;
   height: 43px;
   padding: 10px;
   overflow: hidden;
}
*/
#locationBottom
{
   padding-top: 10px;
}
#footerTop
{
   background: url(/images/en/footer_top.gif) no-repeat;
   color: #000;
   height: 21px;
   text-align: center;
}
#footerMiddle
{
   background: url(/images/en/footer_middle_back.jpg) repeat-y;
   color: #000;
   text-align: left;
}
#homeFooter
{
   padding: 0 25px;
}
#footer
{
   background: url(/images/en/footer_back.jpg) no-repeat;
   color: #000;
   height: 39px;
   text-align: center;
}
#footer a:link,
#footer a:visited,
#footer a:active
{
   text-decoration: none;
   font-weight: bold;
   color: #000;
}
#footer a:hover
{
   text-decoration: none;
   font-weight: bold;
   color: #f37736;
   border-bottom: 1px #f37736 dotted;
}
#footerCopy
{
   margin-top: 5px;
   font-size: 10px;
   line-height: 14px;
}
#calculator input
{
   width: 40px;
}
#calculator table
{
   margin: 0px auto;
   width: 550px;
   margin-bottom: 10px;
}
#calculator thead th
{
   font-weight: bold;
   text-transform: uppercase;
   font-size: 12px;
   border-bottom: 1px #ccc solid;
   color: #666;
}
#calculator tbody td
{
   width: 50px;
   padding-top: 5px;
}
#calculator tbody th
{
   text-align: left;
   width: 200px;
   font-weight: normal;
}
#calculator #actions
{
   margin: 10px;
   text-align: center;
}
#calculator #actions input
{
   width: auto;
}
#resultsPopup
{
   width: 500px;
}
#resultsPopup #results
{
   height: 170px;
}
/* /locations */
#locations
{
   text-align: center;
}
#locations h2
{
   border-bottom: 1px #ccc solid;
   text-transform: uppercase;
}
#locations .state
{
   float: left;
   width: 415px;
   margin: 10px 35px 0px 0px;
   text-align: left;
}
#locations #left,
#locations #right
{
   float: left;
   margin-right: 30px;
   width: 420px;
}
#locations .location
{
   padding-top: 3px;
   padding-left: 10px;
}
#locations #stateCA,
#locations #stateID
{
   margin-top: 15px;
}
#locations #stateCO,
#locations #stateUT
{
   margin-top: 25px;
}

/* /locations/XX */
#state .location
{
   border-bottom: 1px #ccc solid;
   margin-bottom: 25px;
   padding-bottom: 5px;
   height: 100px;
   height: auto !important;
   min-height: 100px;
}

#state .locationImage
{
   border: 1px solid #999;
   float: left;
   margin-right: 10px;
   width: 85px;
}
#state .locationInfo
{
   float: left;
   width: 300px;
}
#state #addlLocations
{
   font-size: 13px;
}
#state #addlLocations a
{
   padding-left: 33px;
   padding-bottom: 4px;
   position: relative;
   top: -5px;
}
#state #addlLocationsTitle
{
   background: url(/images/en/StarIconRed.png) no-repeat top left;
   font-weight: bold;
   height: 29px;
   margin-top: 10px;
   padding-left: 33px;
   padding-top: 10px;
   text-transform: uppercase;
}
#stateMap,
#stateMap2,
#stateMap3
{
   padding-left: 25px;
   width: auto;
}
#stateMap #mapWrapper,
#stateMap2 #mapWrapper2,
#stateMap3 #mapWrapper3
{
   background-color: #cdd0e7;
   padding: 10px;
}
#stateMap #map,
#stateMap #mapWrapper
{
   height: 370px;
   width: 830px;
}
.utah #stateMap
{
   float: left;
}
.utah #stateMap #map,
.utah #stateMap #mapWrapper
{
   height: 370px;
   width: 510px;
}
#stateMap2,
#stateMap3
{
   float: left;
   margin-left: 5px;
}
#stateMap2 #map2,
#stateMap3 #map3,
#stateMap2 #mapWrapper2,
#stateMap3 #mapWrapper3
{
   height: 153px;
   width: 275px;
}
#mapSep
{
   border-bottom: 1px #ccc solid;
   clear: both;
   margin-bottom: 25px;
   padding-bottom: 25px;
   width: auto;
}
.mapHeader
{
   font-weight: bold;
   font-size: 13px;
   padding-bottom: 3px;
   padding-top: 24px;
}
#stateMap .mapHeader
{
   text-transform: uppercase;
   font-size: 16px;
}

#locationTop,
#locationTopReserve
{
   position: relative;
   width: 100%;
   height: 265px;
}

#locationTopReserve
{
   height: 175px;
}

#locationTop #locationSpecials,
#locationTopReserve #locationCaption
{
   position: absolute;
   top: 0;
   right: 0;
   height: 150px; 
   text-align: center;
}

#locationTop #topRow,
#locationTopReserve #topRowReserve
{
   position: absolute;
   top: 170px;
   left: 195px;
   width: 740px;
   height: 90px;
}

#locationTopReserve #topRowReserve
{
   top: 40px;
   left: 10px;
}

#locationTop #locationServing
{
   
}

#locationTop #locationName,
#locationTopReserve #locationName
{
   font: 28px/28px Arial, Helvetica, sans-serif;
   font-weight: bold;
   color: #fff;
   text-shadow: 1px 1px 2px #000;
}

#locationTop #locationPhone,
#locationTopReserve #locationPhone
{
   font: 28px/28px Arial, Helvetica, sans-serif;
   font-weight: bold;
   color: #f60;
}

#locationTop #locationAddress,
#locationTopReserve #locationAddress
{
   font-size: 11px;
   font-weight: bold;
   color: #fff;
}

#locationTop #locationHours
{
   position: absolute;
   right: 10px;
   bottom: -30px;
   width: 300px;
   height: 95px;
   text-align: right;
   line-height: 12px;
   color: #fff;
}
#locationTop #locationHours img
{
   position: absolute;
   right: 0;
   bottom: 0;
}

#locationTop #locationCc
{
}

/* Location Tabs */
#locationTabs
{
   clear: both;
}
#locationTabs #reserveUnit #reserveUnitLeft
{
   float: left;
   width: 488px;
   margin-left: 12px;
}
#locationTabs #reserveUnit #reserveUnitRight
{
   float: right;
   width: 423px;
}
#locationTabs #tabs,
#locationTabs #tabsReserve1,
#locationTabs #tabsReserve2
{
   border: 0;
   z-index: 5;
   padding: 0;
   margin: 0;
   margin-left: 20px;
}
#locationTabs #tabs li,
#locationTabs #tabsReserve1 li,
#locationTabs #tabsReserve2 li
{
   background: url(/images/en/location-tab_off.png) no-repeat;
   list-style: none;
   padding: 4px 8px 2px 7px;
   margin-left: 2px;
   width: 130px;
   height: 24px;
   border: 0;
   color: #666;
   font-weight: bold;
   
   /* can move this direction when no longer supporting IE6 or IE7
   -moz-border-radius: 10px 10px 0 0;
   -webkit-border-radius: 10px 10px 0 0;
   -khtml-border-radius: 10px 10px 0 0; *//* for old Konqueror browsers */
   /* border-radius: 10px 10px 0 0; *//* future proofing */
}
#locationTabs #tabsReserve1 li,
#locationTabs #tabsReserve2 li
{
   width: 330px;
   padding: 6px 8px 0 15px;
   font-family: Arial, Helvetica, sans-serif;
}
#locationTabs #tabs li:hover,
#locationTabs #tabs li.active,
#locationTabs #tabsReserve1 li:hover,
#locationTabs #tabsReserve1 li.active,
#locationTabs #tabsReserve2 li:hover,
#locationTabs #tabsReserve2 li.active,
.unitTableHeader
{
   background: url(/images/en/location-tab_on.png) no-repeat;
   color: #f60;
}
#locationTabs #tabsReserve1 li:hover,
#locationTabs #tabsReserve1 li.active
{
   background: url(/images/en/location-tab-medium_on.png) no-repeat;
   color: #f60;
}
#locationTabs #tabsReserve2 li:hover,
#locationTabs #tabsReserve2 li.active
{
   background: url(/images/en/location-tab-large_on.png) no-repeat;
   color: #f60;
}
#locationTabs #tabs li a,
#locationTabs #tabsReserve1 li a,
#locationTabs #tabsReserve2 li a
{
   color: #666;
   display: block;
   font-weight: bold;
   background: none;
   width: 100%;
   height: 100%;
}
#locationTabs #tabs li a:hover,
#locationTabs #tabs li.active a,
#locationTabs #tabsReserve1 li a:hover,
#locationTabs #tabsReserve1 li.active a,
#locationTabs #tabsReserve2 li a:hover,
#locationTabs #tabsReserve2 li.active a
{
   color: #f60;
   font-weight: bold;
   background: none;
}
#locationTabs .locationTab,
#locationTabs .locationTabReserve
{
   clear: both;
   display: inline-block;
   width: 900px;
   padding: 15px;
   padding-top: 10px;
   margin: 0;
   background-color: #f1ebd9;
   -moz-box-shadow: 2px 2px 2px #666;
   -webkit-box-shadow: 2px 2px 2px #666;
   box-shadow: 2px 2px 2px #666;
   /* For IE 8 */
   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
   /* For IE 5.5 - 7 */
   filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');
}
#locationTabs .locationTabReserve
{
   width: auto;
}
#locationTabs .locationTabReserve #reservation,
#locationTabs .locationTabReserve #reservationCaptcha,
#locationTabs .locationTabReserve #reservationButton
{
   background-color: #fff;
   padding: 4px;
}
#locationTabs .locationTabReserve #reservationButton
{
   text-align: center;
   padding: 10px 0;
}
#locationTabs .locationTabTopCopy
{
	padding: 0 0 20px 20px;
}
#locationTabs #locationTabDetailsColumnLeft
{
   float: left;
   width: 330px;
   height: 225px;
   overflow: hidden;
}
#locationTabs #locationTabDetailsColumnMiddle
{
   float: left;
   width: 310px;
   padding: 0 10px;
   line-height: 12px;
}
#locationTabs #locationTabDetailsColumnRight
{
   float: right;
   width: 236px;
}
#locationTabs #locationTabDetailsLocationCopy
{
   float: left;
   padding-top: 10px;
   width: 630px;
}
#locationTabs #locationTabDetailsAdditionalCopy
{
   float: right;
   width: 236px;
   padding-top: 10px;
}
#locationTabs #locationTabDirectionsLeftColumn
{
   float: left;
   width: 445px;
}

#locationTabs #locationMapWrapper
{
   background-color: #cdd0e7;
   width: 425px;
   height: 350px;
   padding: 10px;
}

#locationTabs #locationMapWrapper iframe
{
	margin-bottom: 10px;
}

#locationTabs #locationTabDirectionsRightColumn
{
   float: right;
   width: 428px;
}

#locationTabs #locationTabDirectionsAddress
{
   position: relative;
   margin-bottom: 18px;
}

#locationTabs #locationTabDirectionsAddress #getDirections
{
   position: absolute;
   right: 0;
   bottom: 0;
   z-index: 5;
}

#locationTabs #locationTabDirectionsLandmarkView
{
   padding-top: 10px;
}

#locationTabs #locationLandmarkViewWrapper
{
   background-color: #cdd0e7;
   width: 388px;
   padding: 10px;
}

#locationTabs #locationTabSubTitle
{
   font-weight: bold;
   color: #28357d;
   font-size: 14px;
   padding-bottom: 10px;
}

#locationTabLgImage
{
   background-color: #cdd0e7;
   width: 400px;
   height: 330px;
   padding: 10px;
   margin: 10px auto;
   margin-bottom: 20px;
}

#locationTabLgImageCaption
{
	text-align: center;
	font-size: 12px;
   padding: 10px 0;
   margin: 0;
}

#locationTabPhotosPhotos
{
   text-align: center;
}

#locationTabs #locationTabPhotosCalculator,
#locationTabs #locationTabVideoCalculator
{
   background: url(/images/en/back_storage-unit-size-block.png) no-repeat;
   width: 770px;
   height: 55px;
   overflow: hidden;
   font-size: 14px;
   padding: 15px 25px 20px 90px;
   margin: 0 auto;
   margin-top: 15px;
   line-height: 1.3em;
}

#locationTabs #locationTabVideoCopy
{
   float: left;
   width: 175px;
   margin-right: 15px;
}

#locationTabs #locationTabVideoEmbedContainer
{
   float: left;
   width: 425px;
}

#locationTabs #locationTabVideoCalculator
{
   float: right;
   background: url(/images/en/back_storage-unit-size-block-sm.png) no-repeat;
   width: 223px;
   height: 125px;
   overflow: hidden;
   font-size: 14px;
   padding: 25px 25px 20px 25px;
   margin: 0 auto;
   margin-top: -10px;
   line-height: 1.3em;
}

#locationTabs #locationTabPhotosCalculatorTitle,
#locationTabs #locationTabVideoCalculatorTitle
{
   font-weight: bold;
   font-size: 16px;
}

#locationTabs #locationTabVideoCalculatorDetails
{
   padding: 5px 0;
   padding-left: 70px;
}

#locationTabs #locationTabPhotosCalculatorLearnMore,
#locationTabs #locationTabVideoCalculatorLearnMore
{
   text-align: right;
}

#locationTabs #reservationTable th
{
   text-align: right;
   font-weight: bold;
   font-size: 10px;
}

#locationTabs .reservationUpdates
{
   text-align: center;
   font-size: 10px;
   padding-top: 10px;
}

#locationTabs .captchaDirections
{
   font-size: 10px;
   line-height: 12px;
}

#locationTabsEnd
{
   clear: both;
}

.reserveTabName
{
   font-size: 16px;
}
.reserveTabDetails
{
   font-size: 14px;
   color: #212d78;
}

#unitTable
{
   border-spacing: 0;
}

#unitTable th,
#unitTable td
{
   vertical-align: middle;
   border-bottom: 1px #f1ebd9 solid;
}

#unitHeader
{
}

#unitHeader th
{
   font: 14px/18px Arial, Helvetica, sans-serif;
   font-weight: bold;
   color: #333;
}

#unitHeader th.unitDetails
{
   text-align: center;
}

.unitRow
{
   background-color: #fff;
}

.unitCheckbox
{
   width: 45px;
   text-align: center;
}
.unitSizes
{
   width: 140px;
   padding: 2px 4px;
}
.unitPrice
{
   width: 125px;
   padding: 2px 4px;
   font-weight: bold;
   color: #ff6500;
}
.unitPrice .regularPrice
{
   text-decoration: line-through;
   color: #000;
}
.unitDetails
{
   width: 170px;
   padding: 2px 4px;
}

#reserveInfoBlocks
{
   padding-top: 15px;
}

#reserveManagers
{
   float: left;
   width: 195px;
}

#reservePhoto
{
   float: right;
   width: 215px;
}

/* photo scroller */
.scrollable
{
	border: 0;
   /*smr
   border: 1px solid red;
   */
   float: left;   
   height: 100px;
   margin-left: 5px;
   overflow: hidden;
   position: relative;
   width: 810px;
}

.scrollable .active
{
   position: relative;
   z-index: 9999;
}

.scrollable .items
{
   clear: both;
   position: absolute;
   width: 80000em;
}

.scrollable .locationTabPhotosPhoto
{
   cursor: pointer;
   float: left;
   height: 75px;
   margin: 0;
   padding: 4px;
   text-align: center;
   width: 108px;
   font-size: 10px;
   /*
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   */
}

.scrollable .locationTabPhotosPhoto img
{
	background-color: #cdd0e7;
	padding: 4px;
}

/* scrollable buttons. */
a.scrollableBrowse
{
   background: url(/images/en/btn_img-scrollers.png) no-repeat;
   cursor: pointer;
   display: block;
   float: left;
   font-size: 1px;
   height: 25px;
   margin-top: 30px;
   width: 25px;
}

/* right posistions. */
a.scrollableRight
{
   background-position: 0 -25px;
   clear: right;
   margin-left: 10px;
}

a.scrollableRight:hover
{
   background-position: -25px -25px;
}

a.scrollableRight:active
{
   background-position: -50px -25px;
}

/* left positions. */
a.scrollableLeft
{
   margin-left: 10px;
   position: relative;
}

a.scrollableLeft:hover
{
   background-position: -25px 0;
}

a.scrollableLeft:active
{
   background-position: -50px 0;
}