﻿/*
G5 Search Marketing Copyright 2008
Local Search Marketing - Local Internet Advertising
*/

* { 
margin: 0;
padding: 0;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img{}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
p,ol,ul {list-style:none;}
em, i {font-style: italic;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
.right {float:right}
.left {float:left}

a {outline: none; text-decoration: underline; color: #c4152e;} 
a:hover {text-decoration: none;}
h1,h2,h3,h4,h5,h6{font-size:100%; color: #b61022;}
h1 {font-size: 20px;}
h2 {font-size: 18px;}
h3 {font-size: 17px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}
html {}

body {
  width:100%;
color: #333333;
text-align: center;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 14px;
background: #505050;
}

#wrapper {
margin: 0 auto 0 auto;
width: 925px; /* master width */
text-align: left;
background: #ffffff url(/images/bg_main_01.gif) top left repeat-y;
}
#header { 
width: 925px;
height: 127px;
background: transparent url(/images/bg_header_01.jpg) top left no-repeat;
}

#header div.logo1 {margin: 36px 0 0 10px;}
#header div.logo2 {margin: 36px 0 0 10px;}

.logo1 {
display: block;
width: 168px;
height: 81px;
text-indent: -9999px;
background: url(/images/logo_storage_pro.gif) top left no-repeat;
}

.logo2 a {
display: block;
width: 168px;
height: 81px;
text-indent: -9999px;
background: url(/images/logo_storage_pro.gif) top left no-repeat;	
}

#header1 {
float: left;
width: 219px;
}

#header2 {
float: left;
width: 371px;
}
#header2 p {
display: block;
width: 371px;
height: 18px;
text-indent: -9999px;
background: url(/images/header_tag.gif) top left no-repeat;
margin: 70px 0 0 0;
}
body.net #header2 p {
display: block;
width: 364px;
height: 35px;
text-indent: -9999px;
background: url(/images/header_tag-spanish.gif) top left no-repeat;
margin: 60px 0 0 0;
}

/*Header Pay Online */
#header3 {
float: left;
width: 335px;
}

#header3 div.header_pay {padding: 30px 0 0 230px;}
body.net #header3 div.header_pay {padding: 30px 0 0 220px;}

#header3 div.header_pay  a{
display: block;
width: 95px;
height: 61px;
text-indent: -9999px;
background: url(/images/pay_online.gif) no-repeat;
background-position: 0 0;
}

body.net #header3 div.header_pay a{
display: block;
width: 105px;
height: 61px;
text-indent: -9999px;
background: url(/images/pay_online-spanish.gif) no-repeat;
background-position: 0 0;	
}

#header3 div.header_pay a:hover, 
body.net #header3 div.header_pay a:hover {
background-position: 0 -183px;
}

#payList {
  margin-left:25px;
  padding-bottom:25px;
}

#payList li {
  margin-top:20px;
}

#center {
  text-align:center;
}

#payOnlineIframe {
  border: 0;
  margin:0 auto 15px auto;
  text-align:center;
  height:1000px;
  width:875px;
  overflow-x:hidden;
}

/*#header3 h4 {padding: 30px 0 0 230px;}*/
/*body.net #header3 h4 {padding: 30px 0 0 220px;}*/

/*
#header3 h4 a {
display: block;
width: 95px;
height: 61px;
text-indent: -9999px;
background: url(/images/pay_online.gif) no-repeat;
background-position: 0 0;
}*/

/*
body.net #header3 h4 a {
display: block;
width: 105px;
height: 61px;
text-indent: -9999px;
background: url(/images/pay_online-spanish.gif) no-repeat;
background-position: 0 0;
}*/

/*
#header3 h4 a:hover, 
body.net #header3 h4 a:hover {
background-position: 0 -183px;
}*/


#header3 p {
text-align: right;
padding-top: 3px;
margin: 0;
}

#header3 p a {
font-size: 12px;
color: #ffffff;
text-decoration: none;
}
#header3 p a:hover {
text-decoration: underline;
}





#middle {
position: relative;
width: 925px;
min-height: 460px;
height: auto !important;
height: 460px;
text-align: left;
background: transparent url(/images/bg_footer_01.gif) bottom left no-repeat;
}

#footer {
width: 925px;
min-height: 80px;
height: auto !important;
height: 80px;
margin: 0 auto 0 auto;
text-align: left;
}

#facWrapper {
width: 100%;
background: #2b2b2b;
text-align: left;
}
#facInterior {
width: 925px;
margin: 0 auto 0 auto;
}

/* Nav */

#nav {
position: relative; 
width: 925px;
height: 25px;
padding: 0;
z-index: 999;
list-style: none;
line-height: 1;
background: transparent url(/images/bg_nav_01.jpg) top left no-repeat;
}
#nav a {
display: block;
width: 10em;
}
#nav ul {
margin: 0;
padding: 0;
margin-left: 4px;
}
#nav li { /* all list items */
float: left;
display: block;
padding: 0;
list-style: none;
overflow: hidden;
z-index: 999;
}
#nav li a {
display: block;
height: 25x;
line-height: 25px;
color: #ffffff;
text-align: left;
text-decoration: none;
text-indent: -9999px;
}
#nav li.last a {border: 0;}

body.net #nav li.home a,
body.net #nav li.locations a, 
body.net #nav li.storage a, 
body.net #nav li.packing a, 
body.net #nav li.about a, 
body.net #nav li.contact a {
background: transparent url(/images/nav-spanish.gif) no-repeat;
}


#nav li.home a {
width: 112px;
background: transparent url(/images/nav_home.gif) no-repeat;
background-position: 0 0;
}
body.net #nav li.home a {
width: 140px;
background-position: 0 0;
}
body.net #nav li.home a:hover {
background-position: 0 -25px;
}
#nav li.locations a {
width: 134px;
background: transparent url(/images/nav_locations.gif) no-repeat;
background-position: 0 0;
}
body.net #nav li.locations a {
width: 142px;
background-position: -134px 0;
}
body.net #nav li.locations a:hover {
background-position: -134px -25px;
}
#nav li.storage a {
width: 160px;
background: transparent url(/images/nav_storage.gif) no-repeat;
background-position: 0 0;
}
body.net #nav li.storage a {
width: 184px;
background-position: -282px 0;
}
body.net #nav li.storage a:hover {
background-position: -282px -25px;
}
#nav li.packing a {
width: 181px;
background: transparent url(/images/nav_packing.gif) no-repeat;
background-position: 0 0;
}
body.net #nav li.packing a {
width: 186px;
background-position: -466px 0;
}
body.net #nav li.packing a:hover {
background-position: -466px -25px;
}
#nav li.about a {
width: 188px;
background: transparent url(/images/nav_about.gif) no-repeat;
background-position: 0 0;
}
body.net #nav li.about a {
width: 166px;
background-position: -652px 0;
}
body.net #nav li.about a:hover {
background-position: -652px -25px;
}
#nav li.contact a {
width: 142px;
background: transparent url(/images/nav_contact.gif) no-repeat;
background-position: 0 0;
}
body.net #nav li.contact a {
width: 107px;
background-position: -818px 0;
}
body.net #nav li.contact a:hover {
background-position: -818px -25px;
}

#nav li.home a:hover,
#nav li.locations a:hover, 
#nav li.storage a:hover, 
#nav li.packing a:hover, 
#nav li.about a:hover, 
#nav li.contact a:hover {
background-position: 0 -75px;
}

#nav li.home, #nav li.locations, #nav li.storage, #nav li.packing, #nav li.about, #nav li.contact {border: 0;}

#nav li.home ul li,
#nav li.locations ul li, 
#nav li.storage ul li, 
#nav li.packing ul li,
#nav li.about ul li, 
#nav li.contact ul li,
body.net #nav li.home ul li,
body.net #nav li.locations ul li, 
body.net #nav li.storage ul li, 
body.net #nav li.packing ul li,
body.net #nav li.about ul li, 
body.net #nav li.contact ul li {
border: 1px solid #555555;
border-width: 0 1px 0 1px;
}
#nav li.home ul li a,
#nav li.locations ul li a, 
#nav li.storage ul li a, 
#nav li.packing ul li a,
#nav li.about ul li a, 
#nav li.contact ul li a,
body.net #nav li.home ul li a,
body.net #nav li.locations ul li a, 
body.net #nav li.storage ul li a, 
body.net #nav li.packing ul li a,
body.net #nav li.about ul li a, 
body.net #nav li.contact ul li a {
background-image: none;
background-color: #ffffff;
font-size: 12px;
color: #555555;
display: block;
width: 165px;
height: 28px;
line-height: 28px;
padding: 0;
margin: 0;
border-bottom: 0;
border-right: 0;
text-indent: 5px;
font-weight: bold;
}
#nav li.home ul li a:hover,
#nav li.locations ul li a:hover, 
#nav li.storage ul li a:hover, 
#nav li.packing ul li a:hover,
#nav li.about ul li a:hover, 
#nav li.contact ul li a:hover,
body.net #nav li.home ul li a:hover,
body.net #nav li.locations ul li a:hover, 
body.net #nav li.storage ul li a:hover, 
body.net #nav li.packing ul li a:hover,
body.net #nav li.about ul li a:hover, 
body.net #nav li.contact ul li a:hover {
background: #fdeeca;
color: #555555;
display: block;
width: 165px;
height: 28px;
line-height: 28px;
padding: 0;
margin: 0;
}
#nav ul { /* all lists */
margin: 0;
list-style: none;
line-height: 1;
z-index: 999;
}
#nav li ul { /* second-level lists */
position: absolute;
width: 165px;
left: -999em;
padding: 0;
border-bottom: 1px solid #555555;
}
#nav ul ul {
margin: 0 0 0 1px;
}
#nav li ul ul {
margin: -29px 0 0 163px !important;
margin: -29px 0 0 165px;
}
#nav li.home ul li ul li a,
#nav li.locations ul li ul li a,
#nav li.offer ul li ul li a, 
#nav li.measure ul li ul li a, 
#nav li.special ul li ul li a,
#nav li.about ul li ul li a, 
#nav li.customers ul li ul li a {
background-color: #ffffff;
color: #555555;
}
#nav li.home ul li ul li a:hover,
#nav li.locations ul li ul li a:hover,
#nav li.offer ul li ul li a:hover, 
#nav li.measure ul li ul li a:hover, 
#nav li.special ul li ul li a:hover,
#nav li.about ul li ul li a:hover, 
#nav li.customers ul li ul li a:hover {
background: #fdeeca;
color: #555555;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto;}
#nav li:hover, #nav li.hover {position: static;}


/* locationNav */

#locationNav {
float: left;
position: relative;
padding: 0;
margin: 0;
width: 212px;
height: 50px;
z-index: 10;
list-style: none;
line-height: 1;
}
#locationNav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
#locationNav a {
display: block;
width: 10em;
}
#locationNav li { /* all list items */
float: left;
display: block;
padding: 0;
list-style: none;
overflow: hidden;
}
#locationNav li a {
display: block;
height: 212px;
line-height: 50px;
text-align: left;
text-decoration: none;
}
#locationNav li.nearest a {
display: block;
background: transparent url(/images/nearest_location.jpg) no-repeat;
background-position: 0 0;
width: 212px;
height: 50px;
text-indent: -9999px;
}
body.net #locationNav li.nearest a {
background: transparent url(/images/nearest_location-spanish.jpg) no-repeat;
}
#locationNav li.nearest a:hover, 
body.net #locationNav li.nearest a:hover {
background-position: 0 -150px;
}
#locationNav li.nearest ul li,
body.net #locationNav li.nearest ul li {
border: 1px solid #555555;
border-width: 1px 1px 0 1px;
}
#locationNav li.nearest ul li a,
body.net #locationNav li.nearest ul li a {
display: block;
width: 140px;
height: 28px;
padding: 0;
margin: 0;
border-bottom: 0;
background: #ffffff;
color: #555555;
font-size: 12px;
font-weight: normal;
line-height: 28px;
text-indent: 10px;
font-weight: bold;
}
#locationNav li.nearest ul li a:hover,
body.net #locationNav li.nearest ul li a:hover {
display: block;
width: 140px;
height: 28px;
color: #555555;
background: #fdeeca;
line-height: 28px;
padding: 0;
margin: 0;
}
#locationNav li  {
border: 0;
}
#locationNav li ul li {
border: 1px solid #555555;
border-width: 1px 1px 0 1px;
}
#locationNav li ul li a {
background-image: none;
background-color: #ffffff;
display: block;
width: 140px;
height: 28px;
line-height: 28px;
padding: 0;
margin: 0;
border-bottom: 0;
border-right: 0;
text-indent: 10px;
}
#locationNav li ul li a:hover {
background-image: none;
background: #fdeeca;
color: #555555;
display: block;
width: 140px;
height: 28px;
line-height: 28px;
padding: 0;
margin: 0;
}
#locationNav li ul { /* second-level lists */
position: absolute;
width: 140px;
left: -999em;
padding: 2px 0 0 0;
border-bottom: 1px solid #555555;
margin: -41px 0 0 212px;
}
#locationNav li ul ul {
margin: -31px 0 0 138px !important;
margin: -31px 0 0 140px;
}
#locationNav li ul li ul li.submenu a {
background-image: none;
background: #ffffff;
color: #555555;
}
#locationNav li ul li ul li.submenu a:hover {
background: #fdeeca;
color: #555555;
}
#locationNav li:hover ul ul, #locationNav li.sfhover ul ul {left: -999em;}
#locationNav li:hover ul, #locationNav li li:hover ul, #locationNav li.sfhover ul, #locationNav li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
#locationNav li:hover ul ul, #locationNav li:hover ul ul ul, #locationNav li.sfhover ul ul, #locationNav li.sfhover ul ul ul {left: -999em;}
#locationNav li:hover ul, #locationNav li li:hover ul, #locationNav li li li:hover ul, #locationNav li.sfhover ul, #locationNav li li.sfhover ul, #locationNav li li li.sfhover ul { left: auto;}
#locationNav li:hover, #locationNav li.hover {position: static;}

/* Homepage */

#homeCont {
width: 917px; /* -8px */
min-height: 377px;
height: auto !important;
height: 377px;
margin-left: 4px;
}

#homeTopLeft {
float: left;
width: 391px;
height: 377px;
background: transparent url(/images/bg_home_01.jpg) repeat-y;
background-position: 0 0;
}
#homeTopLeft p {
padding: 14px 0 0 15px;
}
body.net #homeTopLeft p em {
padding: 0;
padding: 10px 0 0 0;
font-size: 11px;
}
#homeMap {
padding: 10px 0 0 25px;
}
#homeTopRight {
float: right;
width: 526px;
height: 377px;
}
#homeMid {
width: 917px;
height: 60px;
background: transparent url(/images/bg_mid.jpg) top left no-repeat;
border-top: 1px solid #ffffff;
}
#homeMid h1 {
display: block;
width: 272px;
height: 60px;
text-indent: -9999px;
background: url(/images/welcome.gif) top left no-repeat;
margin: 0 0 0 45px;
}
body.net #homeMid h1 {
background: url(/images/welcome-spanish.gif) top left no-repeat;
}
#homeMid h2 {
float: right;
display: block;
width: 421px;
height: 22px;
text-indent: -9999px;
background: url(/images/tagline_01.gif) top left no-repeat;
padding: 0 60px 0 0;
margin-top: -40px;
}
body.net #homeMid h2 {
float: right;
display: block;
width: 451px;
height: 19px;
text-indent: -9999px;
background: url(/images/tagline_01-spanish.gif) top left no-repeat;
padding: 0 60px 0 0;
margin-top: -40px;
}
#homeBottom {
height: 150px;
}
#homeBottom1 {
float: left;
width: 307px;
}
#homeBottom1 p {
padding: 18px 23px 0 23px;
line-height: 1.8em;
font-size: 14px;
}
body.net #homeBottom1 p {
padding: 12px 23px 0 23px;
line-height: 1.8em;
font-size: 14px;
}
#homeBottom2 {
float: left;
width: 266px;
height: 135px;
background: transparent url(/images/bg_divide_01.gif) top left no-repeat;
}
#homeBottom2 h2 {
font-size: 22px;
text-align: center;
padding-top: 20px;
}
#homeBottom2 p {
padding: 6px 0 0 20px;
line-height: 1.8em;
font-size: 14px;
}
body.net #homeBottom2 p {
padding: 4px 10px 0 20px;
line-height: 1.4em;
font-size: 14px;
}
#homeBottom3 {
float: left;
width: 344px;
height: 137px;
background: transparent url(/images/bg_bottom_rt.jpg) top right no-repeat;
}
#homeBottom3 h2 {
font-size: 22px;
text-align: center;
padding: 20px 0 0 65px;
}
body.net #homeBottom3 h2 {
font-size: 22px;
text-align: center;
padding: 20px 0 0 86px;
}
#homeBottom3 p {
padding: 30px 0 0 125px;
font-size: 11px;
}

#search {
float: right;
width: 314px;
height: 50px;
z-index: 1;
background: transparent url(/images/bg_search.jpg) top right no-repeat;
}
#search p {
float: left;
display: block;
width: 178px;
height: 50px;
background: transparent url(/images/search_zip.gif) top left no-repeat;
text-indent: -9999px;
margin-right: 4px;
margin-left: 5px;
}
body.net #search p {
width: 164px;
background: transparent url(/images/search_zip-spanish.gif) top left no-repeat;
}
#search label {
color: #ffffff; 
display: block;
}
#search input {
text-indent: 2px;
}
#search  #zip {
float: left;
width: 69px;
height: 25px;
background: url(/images/search_box.gif) top left no-repeat;
border: 0;
margin-right: 2px;
margin-top: 14px;
}
#search input#go-button {
float: left;
display: block;
width: 39px;
height: 17px;
text-indent: -9999px;
background: url(/images/go-button.gif) no-repeat;
background-position: 0 0;
outline: none;
margin-top: 17px;
margin-left: 5px;
}
body.net #search input#go-button {
float: left;
display: block;
width: 53px;
height: 17px;
text-indent: -9999px;
background: url(/images/go-button-spanish.gif) no-repeat;
background-position: 0 0;
outline: none;
margin-top: 17px;
margin-left: 5px;
}
#search input#go-button:hover,
body.net #search input#go-button:hover {
background-position: 0 -51px;
outline: none;
}
#search form {}

#slideWrap {
position: relative;
width: 525px;
height: 327px;
margin: 0;
padding: 0;
background: transparent url(/images/splash01.jpg) top left no-repeat;
}
body.net #slideWrap {
background: transparent url(/images/splash01-spanish.jpg) top left no-repeat;
}

/* Facility Page */

#facility-page,
#driving-directions, 
#facCont,
#main-content, 
#area-page, 
#no-match, 
#editor-content,
#state-page, 
#site-map,
#comarketing-page,
#edContent {
width: 880px; /* width 925 */
padding: 15px 15px 15px 30px;
text-align: left;
overflow: hidden;
}

#comarketing-page {
clear: both;
}

#editor-content p {
line-height: 1.5em;
padding: 5px 0 5px 0;
}
#edContent ul, #editor-content ul {
list-style-type: disc;
margin-left: 20px;
padding: 2px 0 2px 0;
}
#edContent ul li, #editor-content ul li {
line-height: 1.5em;
}

/* breadcrumbs */
#middle p#trail {
float: left; 
margin: 0; 
padding: 12px 0 0 30px;
font-size: 11px;
color: #112012;
}
#middle p#trail a {
color: #112012;
text-decoration: underline;
}
#middle p#trail a:hover {
text-decoration: none;
}

/* printer on top right of all interior pages */
#facility-name {
float: right;
}
#facility-name ul {
padding: 8px 15px 0 0;
}
#facility-name ul li {
font-size: 11px;
line-height: 20px;
margin: 0;
padding: 0;
background: url(/images/printer.gif) center left no-repeat;
color: #112012;
list-style: none;
}
#facility-name ul li.nobackground { background: none; } /* to keep it hidden on area pages */
#facility-name ul li a {
padding-left: 20px;
color: #112012;
text-decoration: none;
}
#facility-name ul li a:hover {
text-decoration: none;
}

#facCont {
width: 880px;
height: auto;
}
#facLeft {
float: left;
width: 258px;
min-height: 500px;
height: auto !important;
height: 500px;
}
#facLeft .callNow {
padding: 8px 0 0 0;
font-size: 36px;
line-height: 36px;
font-weight: normal;
text-transform: uppercase;
color:#B61022;
}
body.net #facLeft .callNow {
font-size: 30px;
line-height: 30px;
}
#facRight {
float: right;
width: 592px !important; /* 622 - 30 = 592 */
width: 622px;
margin-left: 30px !important;
margin-left: 0;
}
#facRight .tagline{
background: transparent url(/images/icon_serving.gif) top left no-repeat;
height: 16px;
line-height: 16px;
text-indent: 16px;
color:#B61022;
font-size:12px;
}


#facTopLeft {
float: left;
width: 235px;
padding-left: 0 !important;
padding-left: 10px;
}
#facTopRight {
float: right;
width: 357px !important; /* 592 - 235 - whatever margin */
width: 342px;
}

#address {}
#address h1 {
font-weight: bold;
line-height: 1.4em;
}
#address ul {}
#address ul li {
font-size: 14px;
line-height: 1.4em;
}
#address ul li.phone {
font-weight: bold;
}
#address ul li a {
text-decoration: none;
}
#address ul li a:hover {
text-decoration: underline;
}
#address ul li.street-address{}



#callClickPrint {
padding: 0;
margin: 0;
width: 235px;
height: 143px;
}
#callClickPrint ul {
padding: 0;
margin: 0;
list-style: none;
} 
#callClickPrint ul li {
margin: 0;
padding: 0;
display: block;
height: 45px;
line-height: 45px;
float: left;
padding-bottom: 4px;
}
#callClickPrint ul li a {
display: block;
padding: 0;
margin: 0;
width: 235px;
height: 45px;
text-indent: -9999px;
text-decoration: none;
background-position: 0 0;
}
#callClickPrint ul li a:hover {
text-decoration: none;
}
#callClickPrint ul li.quote a {
background: transparent url(/images/get_quote.jpg) no-repeat;
}
body.net #callClickPrint ul li.quote a {
background: transparent url(/images/get_quote-spanish.jpg) no-repeat;
}
#callClickPrint ul li.print a {
background: transparent url(/images/get_coupon.jpg) no-repeat;
}
body.net #callClickPrint ul li.print a {
background: transparent url(/images/get_coupon-spanish.jpg) no-repeat;
}
#callClickPrint ul li.reserve a {
background: transparent url(/images/reserve_online.jpg) no-repeat;
}
body.net #callClickPrint ul li.reserve a {
background: transparent url(/images/reserve_online-spanish.jpg) no-repeat;
}
#callClickPrint ul li.quote a:hover,
#callClickPrint ul li.print a:hover, 
#callClickPrint ul li.reserve a:hover {
background-position: 0 -135px;
}
body.net #callClickPrint ul li.quote a:hover,
body.net #callClickPrint ul li.print a:hover, 
body.net #callClickPrint ul li.reserve a:hover {
background-position: 0 -45px;
}

#specials {
width: 235px;
height: 82px;
background: transparent url(/images/bg_special.jpg) top left no-repeat;
margin: 10px 0 0 0;
padding-bottom: 4px;
}
body.net #specials {
background: transparent url(/images/bg_special-spanish.jpg) top left no-repeat;
}
#specials div{
margin: 0;
padding: 0;
font-size: 24px;
line-height: 24px;
color: #ffffff;
text-align: center;
padding: 24px 0 0 0;
}
body.net #specials div a { font-size: 17px;}

#specials div a {
color: #ffffff;
text-decoration: none;
}
#specials div a:hover {
color: #ffbb00;
text-decoration: none;
}

#mapContainer {
width: 593px;
height: 285px;
background: transparent url(/images/bg_map.gif) top left no-repeat;
margin-top: 10px;
}
#map {
position: relative;
width: 571px;
height: 263px;
padding: 11px 0 0 11px;
}
#map h2 {
display: none;
}
#flashmap {
width: 571px;
height: 263px;
}
.maptext {
font-size: 12px;
margin-top: 6px;
font-weight: normal;
text-align: center;
}

/*BBB logo*/
.bbb {
	float:right;
	margin-right:10px;
}

/*Fac Slide Show*/
#photo-tour {
width: 342px;
height: 247px;
background: transparent url(/images/bg_photo.gif) top left no-repeat;
margin-left: 10px;
padding: 9px;
}
#photo-tour h2 {
display: none;
}
#photo-tour p {
padding-top: 6px;
font-size: 12px;
text-align: right;
line-height: 1.6em;
margin-right: 20px;
}

/* this should be exact same size as the images */
#slideshow {
position: relative;
margin: 0;
padding: 0;
width: 324px;
height: 229px;
background: #f00;
}
#slideshow img {
margin: 0;
padding: 0;
}

/* Accordion Styles */

#accordion {
width: 258px;
height: 348px;
min-height: 348px;
margin-top: 10px;
}
html>body #accordion {
height: auto;
}
#accordion .accTitle {
display: block;
width: 258px;
height: 35px;
line-height: 35px;
font-size: 16px;
text-indent: -9999px;
}
#accordion .accUnit {
background: transparent url(/images/acc_units.gif) top left no-repeat;
}
#accordion .accFeatures {
background: transparent url(/images/acc_features.gif) top left no-repeat;
}
#accordion .accHours {
background: transparent url(/images/acc_hours.gif) top left no-repeat;
}
#accordion .accRefer {
background: transparent url(/images/acc_friend.gif) top left no-repeat;
}
#accordion .accReview {
background: transparent url(/images/acc_review.gif) top left no-repeat;
}
#accordion .accAbout {
background: transparent url(/images/acc_about.gif) top left no-repeat;
}
#accordion .accTwitter {
background: transparent url(/images/acc_twitter.gif) top left no-repeat;
}


body.net #accordion .accUnit {
background: transparent url(/images/acc_units-spanish.gif) top left no-repeat;
}
body.net #accordion .accFeatures {
background: transparent url(/images/acc_features-spanish.gif) top left no-repeat;
}
body.net #accordion .accHours {
background: transparent url(/images/acc_hours-spanish.gif) top left no-repeat;
}
body.net #accordion .accRefer {
background: transparent url(/images/acc_friend-spanish.gif) top left no-repeat;
}
body.net #accordion .accReview {
background: transparent url(/images/acc_review-spanish.gif) top left no-repeat;
}
body.net #accordion .accAbout {
background: transparent url(/images/acc_about-spanish.gif) top left no-repeat;
}
body.net #accordion .accTwitter {
background: transparent url(/images/acc_twitter-spanish.gif) top left no-repeat;
}


#accordion2 {
margin: 10px 0 0 10px;
}
#toggler_map {
background: transparent url(/images/acc_map.gif) top left no-repeat;
width: 350px;
height: 25px;	
}
#map_caption {
	margin-left: 8px;
	color:#333333;
	font-size:12px;
	padding-top: 5px;
	font-weight:bold;
	cursor:pointer
}


.toggler {cursor: pointer;}
 
.element {
width: 240px;
padding: 4px 0 10px 0;
line-height: 1.4em;
margin: 5px 0 8px 15px;
}
#accordion .element p {
text-indent: 0; 
font-weight: normal;
}
.panel {
padding: 5px 0;
}

/*Twitter Styles */
#twitter_div {word-wrap:break-word}
#twitter_div ul {margin:10px 0;}
#twitter_div li {
	padding:0 0 0 24px;
	margin:0 0 5px 0;
	background:url(/images/twitter.gif) no-repeat;
}


#prices {
width: 258px;
}
#prices h2 a {
font-size: 16px;
font-weight: bold;
}
#prices h4 {
font-size: 14px;
}
#prices table {
width: 250px;
margin: 8px 0 10px 0;
color: #333333;
}
#prices td {
font-size: 15px;
width: 50%;
color: #333333;
padding: 2px 0 2px 0;
} 
#prices td.cellTwo {
text-align: right;
}
#prices p {
padding: 10px 0 0 0; 
height: 24px;
}
#prices p a {
display: block;
width: 162px;
height: 27px;
text-indent: -9999px;
background: transparent url(/images/what_size.gif) no-repeat;
background-position: 0 0;
}
#prices p a:hover {
background-position: 0 -81px;
}
body.net #prices p a {
display: normal;
text-indent: 0;
background: none;	
}
#existing-customers {}
#existing-customers p {
padding: 10px 0 0 0;
}
#existing-customers p a {}
#existing-customers p a:hover {}

#hours {}
#hours p {
display: none;
}
#hours dl {padding-bottom: 10px;}
#hours dt {
font-weight: bold;
line-height: 1.8em;
}
#hours dd {
line-height: 1.6em;
}

#features {}
#features h2 {
display: none;
}
#features dl {padding-bottom: 10px;}
#features dt {
padding-top: 10px;
font-weight: bold;
line-height: 1.6em;
}
#features dd {
line-height: 1.6em;
}


.sub-title {
	font-size:14px;
	color:#B61022;
}


#other-facilities {
width: 400px;
padding: 15px 0 15px 0;
text-align: left;
}
#middle #other-facilities {
width: 400px;
padding: 15px 0 15px 30px;
text-align: left;
}
#other-facilities h2 {
color: #feba00;
}
#middle #other-facilities h2 {
color: #b61022;
}
#other-facilities dl {
color: #cccccc;
}
#middle #other-facilities dl {
color: #333333;
}
#other-facilities dt {
padding: 15px 0 0 0;
color: #cccccc;
}
# middle #other-facilities dt {
padding: 15px 0 0 0;
color: #333333;
}
#other-facilities dt a {
padding: 10px 0 0 0;
font-weight: bold;
line-height: 1.5em;
color: #cccccc;
text-transform: uppercase;
text-decoration: none;
}
#middle #other-facilities dt a {
padding: 10px 0 0 0;
font-weight: bold;
line-height: 1.5em;
color: #c4152e;
text-transform: uppercase;
text-decoration: none;
}
#other-facilities dd a {
line-height: 1.5em;
color: #cccccc;
text-decoration: none;
text-transform: uppercase;
}
#middle #other-facilities dd a {
line-height: 1.5em;
color: #c4152e;
text-decoration: none;
text-transform: uppercase;
}

#compare {
float: right;
width: 500px;
padding: 15px 0 15px 0;
overflow: hidden;
text-align: left;
}
#compare h2 {
color: #feba00;
}

#compare p.nomargin {
font-weight: bold;
line-height: 1.5em;
color: #cccccc;
padding: 15px 0 10px 0;
}

#compare.width-full p {
line-height: 1.5em;
color: #cccccc;
}

/* Area Page Styles */

#area-page {
clear: both;
width: 880px; /* width 925 */
padding: 15px 15px 15px 30px;
}

#area-page p.city {
padding-left: 500px;
text-align: right;
}
h2.city {clear: both;}
p.city {padding: 0 0 0 520px; text-align: right;}

#area_map {
position: relative;
width: 418px;
float: right;
padding: 0 0 35px 0;
}

#area_map h2 {
font-size: 14px;
text-transform: uppercase;
}

#area_map #flashmap {
width: 410px;
height: 430px;
border: 3px solid #f6b23d;
}

#facility-list {
float: left;
width: 390px;
margin: 12px 0 0 0; 
display: inline;
}

.facility-summary {
margin: 16px 0 16px 0; 
clear: both;
border-bottom: 1px solid #f6b23d;
line-height: 1.25em;
}
.facility-summary img {
float: left;
padding: 0 10px 10px 0;
}
.facility-summary img.facility-offer {
display: none;
}
.facility-summary dl {
margin: 0;
padding: 0 0 20px 0; 
}
.facility-summary dt {font-weight: bold;}
.facility-summary dd {padding: 0 0 0 10px;}
.facility-summary a {}

/* SPACE CALCULATOR */
/* ------------------------- */

#calculate {
	width:100%;
	float:left;
}

#calculate h1,
#calculate h2,
#calculate h3,
#calculate h4 {
	width:560px;
}

#calculate h3 {
	clear:left;
	font-size:12px;
	margin:3px 0 9px;
}

#calculate dl {
	float:left;
	width:560px;
	margin-bottom:8px;
}

#calculate dt {
	float:left;
	width:146px;
	height:22px;
	line-height:22px;
	margin:0;
	padding:0;
}
#calculate dd {
	float:left;
	width:25px;
	height:22px;
	padding:0 10px 0 0;
}
#calculate dd input {width:25px;}

#calculate input#clear {
	clear:left;
	float:left;
	width:100px;
}
#calculate input#submit {
	float:left;
	margin-left:45px;
	width:100px;
}
#calculate input#label {
	width:16em;
	display:block;
	clear:left;
	float:left;
	margin-top:10px;
	padding:2px;
	font-weight:bold;
	border:0;
	background:transparent;
}
#calculate input#total {
	display:block;
	float:left;
	padding:2px;
	font-weight:bold;
	margin-top:10px;
	color:#600;
	border:0;
	background:transparent;
}

#calculate h2 {
	clear:both;
	padding:10px 0;
}
#calculate h2.total {font-size:18px;}

/* Driving Directions Styles */

#driving-directions {
clear: both; 
width: 880px; 
padding: 15px 15px 15px 30px;
}
#driving-directions #address {
padding: 20px 0 0 0;
text-align: left;
}

#driving_map {
width: 870px;
height: 450px;
margin-top: 14px;
}
#driving_map h2 {
text-transform: uppercase;
height: 30px;
}

#driving-directions #flashmap {
width: 870px;
height: 420px;
border: 3px solid #f6b23d;
}

#driving-text {
padding: 15px 0 0 0;
}
#driving-text h1 {
font-size: 12px;
line-height: 2.0em;
}
#driving-text h2 {
font-size: 14px;
line-height: 2.0em;
text-transform: uppercase;
padding: 6px 0 0 0;
}


#driving-text  P {
	margin-bottom:6px;
	font-size:13px;
}
#driving-link {
padding: 0 0 20px 0;
}

#site-map {clear: both;
padding-bottom: 30px;
}
#site-map h3 {padding-bottom: 5px;font-size: 14px;}
#site-map h4 {font-size: 12px; font-weight: normal;line-height: 1.4em;}
#site-map a {
line-height: 1.6em;
}

/* State Pages */

#state-page dl {}
#state-page dl dt {margin: 10px 0 2px 0;}
#state-page dl dt a {font-weight: bold;}

/* Footer */

#footerLeft {
float: left;
width: 625px;
}
#footerRight {
float: right;
text-align: right;
width: 300px;
}

#footer p {
padding: 0;
margin: 0;
padding: 8px 0 0 0;
color: #999999;
font-size: 12px;
}
#footer p.footerBrand a {
text-align: right;
font-size: 12px;
color: #999999;
padding-top: 0;
}
#footer a {
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}

#footer ul {
padding: 0;
margin: 0;
list-style: none; 
text-align: left;
font-size: 12px;
line-height: 10px;
padding-top: 10px;
}
#footer ul li {
display: inline; 
padding: 0 0 0 10px;
color: #999999;
line-height: 10px;
font-size: 12px;
font-weight: bold;
}
body.net #footer ul li {
line-height: 16px;
}
#footer ul li.last {
border: none;
}
#footer ul li.first {
padding-left: 0;
}
#footer ul li a {
padding: 0 12px 0 0;
border-right: 1px solid #999999;
color: #999999;
font-size: 12px;
line-height: 10px;
font-weight: bold;
}
#footer ul li.last a {
border-right: 0;
}

#footer-states {
color: #999999;	
font-size: 12px;
float: right;
text-align: right;
}
#footer-states ul.states-list {
text-align: right;
}
#footer-states ul.states-list li a {
text-transform: uppercase;
text-align: right;
}

#footer-stores {
text-align: right;
font-size: 12px;
color: #999999;	
padding: 10px 0 10px 0;
}
#footer-stores p {
color: #999999;	
}
#footer-stores p.disclaimer, #footer-stores p {
font-size: 12px;
color: #999999;
}
#footer-stores a {color: #999999;}
.clear {clear: both;}
.exp {
color: #999999;
}

div#wrapper.area-page-class div#other-facilities,
div#wrapper.area-page-class div#compare {display: none;}



/* Signature Brand Styles */
#signature-brand {width:180px;height:20px;display:block;margin:10px 0;outline:none;text-indent:-9999px;background:url(/images/signature-brand.gif);overflow:hidden;}
#signature-brand:hover, 
#signature-brand:focus {background-position:0 -20px;}
#signature-brand:active {background-position:0 -40px;}
