/*Reset*/

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{border: 0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
p,ol,ul {list-style:none;font-family:  verdana, arial, sans-serif;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; color: #a53035;}
h1 {font-size: 16px;}
h2 {font-size: 15px;}
h3 {font-size: 14px;}
h4 {font-size: 13px;}
h5 {font-size: 12px;}
h6 {font-size: 11px;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

html {background: url(/images/bg_01.jpg) top left repeat;}

body {
	position : relative; 
	width : 989px; 
	margin: 0 auto; 
	color: #000066;
	text-align : center;
	font-family : verdana, arial, sans-serif;
	font-size: 12px;
	background: transparent;
	}
a {outline:none;text-decoration: none; color: #a53035;}
a:hover {text-decoration: underline;}

body form.cmxform label {
	width: 300px;
}

body dl.thanks_data dt {
	width: 200px;
}

body div#thank_you {
	padding: 30px;
	
}

/* Outside */
/* -------------------- */

div#whopper {
    position: relative;
    width: 989px;
    margin: 0px auto 10px auto;
    text-align: left;
}

div#header {
    position: relative;
    width: 989px;
    height: 155px;
    background: url(/images/header_bg_01.gif) top left no-repeat;
    top:35px;
}

div#middle {
    position: relative;
    width: 989px;
    min-height:450px;
    height:auto !important;
    height:450px;
    background: url(/images/body_bg_01.gif) top left repeat-y;
    z-index: 996;
}

div#footer {
    position: relative;
    width: 989px;
    height: 42px;
    background: url(/images/footer_bg_01.gif) top left no-repeat;
}

/* Template */

/* customer asking to switch ALL of site to usa logo 4/14/09 */
/* div#header h1 {
    position: absolute;
    top: 50px;
    left: 42px;
    width: 340px;
    height 33px;
    display: block;
}
div#header h1 a {
    width: 340px;
    height: 33px;
    display: block;
    text-indent: -9999px;
    background: url(/images/headerLogo_bg_01.gif) top left no-repeat;
} */
#header span,
body.usa #header span {
position: absolute;
top: 7px;
left: 42px;
width: 254px;
height 108px;
display: block;
}
#header span a,
body.usa #header span a {
width: 254px;
height: 108px;
display: block;
text-indent: -9999px;
background: url(/images/color_usa_logo.gif) top left no-repeat;
}

div#navWrap {
    position: relative;
    width: 989px;
    height: 26px;
    background: url(/images/body_bg_01.gif) top left repeat-y;
    z-index: 999;
}

div#nav {
    position: relative;
    width: 721px;
    height: 26px;
    margin-left: 7px;
    border-left: 25px solid #d7e8f6;
    background: url(/images/navEnd_bg_01.gif) top right no-repeat;
    z-index: 999;
}
#nav a {
    display: block;
    width: 10em;
}
#nav ul { /* all lists */
    margin: 0;
    list-style: none;
    line-height: 1;
    z-index: 999;
}
#nav li { /* all list items */
    display: block;
    float: left;
    list-style: none;
    overflow: hidden;
    z-index: 999;
}
#nav li.last {border: 0;}
#nav li a {
    display: block;
    height: 26px;
    line-height: 26px;
    color: #000033;
    text-decoration: none;
    text-indent: -9999px;
    background-position: 0 0;
}
#nav li.locations a {
    background: transparent url(/images/navLocations_bg_01.jpg) top left no-repeat;
    width: 117px;
}
#nav li.locations a:hover {
    background-position: 0 -26px;
}
#nav li.features a {
    background: transparent url(/images/navFeatures_bg_01.jpg) top left no-repeat;
    width: 112px;
}
#nav li.features a:hover {
    background-position: 0 -26px;
}
#nav li.info a {
    background: transparent url(/images/navInfo_bg_01.jpg) top left no-repeat;
    width: 149px;
}
#nav li.info a:hover {
    background-position: 0 -26px;
}
#nav li.contact a {
    background: transparent url(/images/navContact_bg_01.jpg) top left no-repeat;
    width: 134px;
}
#nav li.contact a:hover {
    background-position: 0 -26px;
}
#nav li.home a {
    background: transparent url(/images/navHome_bg_01.jpg) top left no-repeat;
    width: 85px;
}
#nav li.home a:hover {
    background-position: 0 -26px;
}
#nav li.home, #nav li.locations, #nav li.storage, #nav li.careers, #nav li.contact, #nav li.existing {border: 0;}
#nav li ul { /* second-level lists */
    position: absolute;
    width: 140px;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #000066;
    background: url(/images/navBack_bg_01.gif) top left repeat;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li.home ul li a,
#nav li.locations ul li a, 
#nav li.features ul li a, 
#nav li.info ul li a, 
#nav li.contact ul li a {
    width: 138px;
    height: 19px;
    border: 1px solid #000066;
    border-width: 1px 1px 0 1px;
    background-image: none;
    display: block;
    line-height: 19px;
    padding: 0;
    margin: 0;
    text-indent: 10px;
}
#nav li.home ul li a:hover,
#nav li.locations ul li a:hover, 
#nav li.features ul li a:hover, 
#nav li.info ul li a:hover, 
#nav li.contact ul li a:hover {
    color: #993333;
    display: block;
    width: 138px;
    height: 19px;
    line-height: 19px;
    padding: 0;
    margin: 0;
}
div#nav li.locations ul li ul li a {color: #000066;}
div#nav li.locations ul li ul li a:hover {color: #993333;}
#nav li ul ul { /* third-and-above-level lists */
	margin: -20px 0 0 139px;
}
#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, #nav li.hover {position: static;}

#locationNav {
    position: relative;
    width: 283px;
    height: 57px;
    margin: 25px 0 0 27px;
    z-index: 996;
} 
#locationNav a {
    display: block;
    width: 10em;
}
#locationNav ul { /* all lists */
    margin: 0;
    list-style: none;
    line-height: 1;
    z-index: 996;
}
#locationNav li { /* all list items */
    display: block;
    float: left;
    list-style: none;
    overflow: hidden;
    z-index: 996;
}
#locationNav li a {
    display: block;
    background-position: 0 0;
    text-decoration: none;
}
#locationNav li.nearest a {
    display: block;
    width: 283px;
    height: 57px;
    text-indent: -9999px;
    background: url(/images/homeLocations_bg_01.jpg) top left no-repeat;
}
#locationNav li ul { /* second-level lists */
    position: absolute;
    width: 140px;
    background: url(/images/navBack_bg_01.gif) top left repeat;
    padding: 0;
    margin: -16px 0 0 54px;
    left: -999em;
    border-bottom: 1px solid #000066;
}
#locationNav li.nearest ul li {
    border: 1px solid #000066;
    border-width: 1px 1px 0 1px;
}
#locationNav li.nearest ul li a {
    width: 138px;
    height: 19px;
    display: block;
    background-image: none;
    padding: 0;
    color: #000033;
    font-weight: normal;
    font-size: 12px;
    line-height: 19px;
    text-indent: 10px;
    }
#locationNav li.nearest ul li a:hover {
    color: #993333;
    display: block;
    width: 138px;
    height: 19px;
    line-height: 19px;
    padding: 0;
    margin: 0;
}
#locationNav li.nearest ul li ul li a {}
#locationNav li ul ul {margin: -20px 0 0 138px;}
#locationNav li.nearest ul li ul li a:hover {}
#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, #locationNav li.hover {position: static;}

div#quoteNav {
    position: absolute;
    top: 0;
    right: 17px;
    width: 192px;
    height: 26px;
    display: block;
    z-index: 999;
}
#quoteNav a {
    display: block;
    width: 10em;
}
#quoteNav ul { /* all lists */
    margin: 0;
    list-style: none;
    line-height: 1;
    z-index: 999;
}
#quoteNav li { /* all list items */
    display: block;
    float: left;
    list-style: none;
    overflow: hidden;
    z-index: 999;
}
#quoteNav li a {
    display: block;
    background-position: 0 0;
    text-decoration: none;
}
#quoteNav li.quote a {
    display: block;
    width: 192px;
    height: 26px;
    text-indent: -9999px;
    background: url(/images/homeQuote_bg_01.gif) top left no-repeat;
    z-index:999;
}
#quoteNav li ul { /* second-level lists */
    position: absolute;
    width: 140px;
    background: url(/images/navBack_bg_01.gif) top left repeat;
    padding: 0;
    margin: 0;
    left: -999em;
    border-bottom: 1px solid #000066;
}
#quoteNav li.quote ul li {
    border: 1px solid #000066;
    border-width: 1px 1px 0 1px;
}
#quoteNav li.quote ul li a {
    width: 138px;
    height: 19px;
    display: block;
    background-image: none;
    padding: 0;
    margin: 0;
    color: #000033;
    font-weight: normal;
    font-size: 12px;
    line-height: 19px;
    text-indent: 10px;
}
#quoteNav li.quote ul li a:hover {
    color: #993333;
    display: block;
    width: 138px;
    height: 19px;
    line-height: 19px;
    padding: 0;
    margin: 0;
}
#quoteNav li.quote ul li ul li a {}
#quoteNav li ul ul {margin: -20px 0 0 138px;}
#quoteNav li.quote ul li ul li a:hover {}
#quoteNav li:hover ul ul, #quoteNav li.sfhover ul ul {left: -999em;}
#quoteNav li:hover ul, #quoteNav li li:hover ul, #quoteNav li.sfhover ul, #quoteNav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#quoteNav li:hover, #quoteNav li.hover {position: static;}

/* Homepage */
/* ------------------- */
div#homeCont {
    position: relative;
    width: 975px;
    padding: 3px 7px;
}

div#homeLeft {
    position: relative;
    width: 621px;
    height: 370px;
    float: left;
}

div#slideshow-home {
    position: relative;
    width: 621px;
    height: 370px;
}

div#homeRight {
    position: relative;
    width: 354px;
    float: right;
    z-index: 996;
}
div#homeRight p {
    line-height: 1.5em;
    padding: 0 27px 0 27px;
}

div#homeSpecial {
    position: relative;
    width: 283px;
    height: 57px;
    padding: 7px 0 0 27px;
}
div#homeSpecial h1 {
    display: block;
    width: 283px;
    height: 57px;
}
div#homeSpecial h1 a {
    display: block;
    width: 283px;
    height: 57px;
    background: url(/images/homeSpecial_bg_01.jpg) top left no-repeat;
    text-indent: -9999px;
}

div#homeBar {
    position: relative;
    width: 975px;
    height: 40px;
    margin: 0 7px;
    background: #2f6bb6;
}

div#other-facilities {
    position: relative;
    padding: 15px 0 0 38px;
    clear: both;
}
div#other-facilities span {
    color: #993333;
    font-size: 14px;
    font-weight: bold;
}
div#other-facilities dl {
    margin: 15px 0 15px 0;
}
div#other-facilities dt {padding: 10px 0 0 0;}
div#other-facilities dt a {
    color: #993333;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5em;
}
div#other-facilities dd a {
    color: #000066;
    font-size: 12px;
    line-height: 1.5em;
}

/* Facility Page */
/* -------------------- */

div#facility-page,
div#driving-directions, 
div#facCont, 
div#main-content, 
div#area-page, 
div#no-match, 
div#editor-content,
div#state-page, 
div#site-map,
div#comarketing-page {
    position: relative;
    padding: 15px 21px 15px 38px;
    text-align: left;
    overflow: hidden;
}

div#facBottom {overflow: hidden;}

div#middle p#trail {
    position: relative;
    float: left;
    padding: 19px 0 0 38px; 
    margin: 0; 
    font-size: 10px;
}
div#middle p#trail a {color: #000066;text-decoration:underline;}

div#facility-name {float: right;}
div#facility-name ul {padding: 5px 21px 0 0;}
div#facility-name ul li {
    font-size: 10px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    background: url(/images/printer.gif) center left no-repeat;
}
div#facility-name ul li.nobackground { background: none; }
div#facility-name ul li a {padding-left: 15px;}
div#facility-name ul li a:hover {text-decoration: none;}

div#facCont {
    position: relative;
    width: 930px;
}

div#facLeft {
    position: relative;
    width: 408px;
    float: left;
}

div#facRight {
    position: relative;
    width: 466px;
    float: right;
    padding-left: 56px;
}
div#facRight p {
    position: relative;
    font-weight: bold;
    text-align: right;
    font-size: 12px;
    margin:0px;
}
div#facRight h2 {
    position: relative;
    font-weight: bold;
    text-align: right;
    font-size: 12px;
}
div#facRight h3 {
    position: relative;
    font-weight: bold;
    text-align: right;
    font-size: 12px;
}
div.vcard {
    position: relative;
    width: 408px;
    padding: 40px 0 0 0;
}
div.vcard h1{font-size:15px;}
div.vcard div span.tel{font-weight:bold;}
div#address h2 {font-weight: bold;}
div#address ul {}
div#address ul li {}
div#address ul li.phone {font-weight: bold;}
div#address ul li.fax-phone {font-weight: bold;}
a#facility-driving-directions-link{position:absolute;left:215px;top:71px;}
div#directions-text{margin-top:15px;}
div#directions-text p{font-weight:normal;text-align:left;margin-bottom:10px;line-height:20px;}
div#specials {
    position: relative;
    width: 380px;
    padding: 0 0 26px 28px;
    margin-top: 24px;
}

div#specialsBlock {
    position: relative;
    width: 380px;
    height: 87px;
    background: url(/images/call_bg_01.gif) top left no-repeat;
}
div#specialsBlock p {
    position: absolute;
    top: 0;
    left: 131px;
    font-size: 28px;
    font-weight: bold;
}

div#specialsText {
    position: relative;
    width: 357px;
}
div#specialsText p {
    color: #000066;
    font-size: 20px;
    font-weight: bold;
    line-height: 34px;
    text-align: center;
    margin:0px;
}
div#specialsText p a {
    color: #000066;
}

div#callClickPrint {
    position: relative;
    width: 348px;
    height: 103px;
    padding: 10px 0 0 28px;
}
div#callClickPrint ul {
    width: 348px;
    height: 103px;
} 
div#callClickPrint ul li {
    float: left;
    list-style: none;
}
div#callClickPrint ul li a {text-indent: -9999px;}
div#callClickPrint ul li.quote a {
    display: block;
    width: 162px;
    height: 103px;
    background: url(/images/quote_bg_01.gif) top left no-repeat;
}
div#callClickPrint ul li.print a {
    display: block;
    width: 177px;
    height: 103px;
    background: url(/images/print_bg_01.gif) top left no-repeat;
}

/* Accordion Styles */
/*----------------------------*/
div#accordion {
    position: relative;
    width: 410px;
    padding: 30px 0 0 0;
}
div#accordion p.blue {
    width: 410px;
    height: 37px;
    font-size: 16px;
    line-height: 37px;
    text-indent: 34px;
    background: url(/images/toggler_bg_01.jpg) top left no-repeat;
    margin:0px;
    font-weight:bold;
}

.toggler {cursor: pointer;}
 
.element {
    width: 380px;
    padding: 10px 15px;
    line-height: 1.4em;
    margin: 9px 0 0 0;
}
div#accordion .element p {text-indent: 0; font-weight: normal;}

.panel {padding: 5px 0;}

div#prices h2 {display: none;}
div#prices table {width: 380px;}
div#prices th {width: 95%; line-height: 1.4em;font-weight: bold;padding: 0 0 10px 0;}
div#prices table tr {line-height: 1.4em;}
div#prices table tr td.size {width: 25%;}
div#prices table tr td.unitPrice {width: 25%;}
div#prices table tr td.desc {width: 50%;}
div#existingCustomers, div#whatSize p a {}

div#hours {}
div#hours h2 {display: none;}
div#hours dl {padding-bottom: 10px;}
div#hours dt {font-weight: bold;line-height: 1.8em;}
div#hours dd {line-height: 1.6em;}

div#features {}
div#features h2 {display: none;}
div#features dl {padding-bottom: 10px;}
div#features dt {padding-top: 10px;font-weight: bold;line-height: 1.6em;}
div#features dd {line-height: 1.6em;}

div#photo-tour {
    position: relative;
    width: 465px;
    height: 326px;
    padding: 21px 0 0 0;
}
div#photo-tour h2 {display: none;}

div#slideshow {
    position: relative;
    width: 465px;
    height: 326px;
    border: 1px solid #bed9f2;
}

div#facRight h2.photoFooter {
    display: block;
    width: 467px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    background: #bed9f2;
}

div#map {padding: 17px 0 0 0;}
div#map h3 {
    display: block;
    width: 467px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    background: #bed9f2;
}

#flashmap {
    width: 465px;
    height: 330px;
    border: 1px solid #bed9f2;
}

/* Area Page Styles */
/*--------------------*/

div#area-page {clear: both;}

div#area-page p.city {
    text-align: right;
    padding-left: 407px;
}

h2.city {clear: both;}
p.city {padding: 0 0 0 520px; text-align: right;}

div#area_map {
    position: relative;
    width: 467px;
    padding: 0 0 35px 0;
    float: right;
}

div#area_map h2 {display: none;}

div#area_map #flashmap {
    width: 467px;
    height: 430px;
    border: 1px solid #bed9f2;
}

#facility-list {
    position: relative;
    width: 407px;
    float: left;
    margin: 12px 0 0 0; 
    display: inline;
}

.facility-summary {
    border-bottom: 1px solid #000066;
    margin: 16px 0 16px 0; 
    clear: both;
    line-height: 1.25em;
}
.facility-summary img {
    float: left;
    padding: 0 10px 10px 0;
}
.facility-summary dl {
    padding: 0 0 20px 0; 
    margin: 0;
}
.facility-summary dt {
    font-size: 12px; 
    font-weight: bold;
}
.facility-summary dd {
    font-size: 12px; 
    padding: 0 0 0 10px;
}
.facility-summary a {}

/* Driving Directions Styles */
/*--------------------*/

div#driving-directions {padding: 15px 21px 0 38px;clear: both;}
div#driving-directions div#address {padding: 20px 0 0 0;}

div#driving_map {
    position: relative;
    width: 913px;
    padding: 15px 0 0 0;
}
div#driving_map h2 {display: none;}

div#driving-directions #flashmap {
    position: relative;
    width: 913px;
    height: 400px;
    border: 1px solid #bed9f2;
}

div#driving-text {padding: 15px 0 0 0;}
div#driving-text h1 {font-size: 12px;line-height: 2.0em;}
div#driving-text h2 {font-size: 14px;line-height: 2.0em;}

div#driving-link {padding: 0 0 20px 0;}

div#site-map {clear: both;}
div#site-map h3 {padding-bottom: 5px;font-size: 14px;}
div#site-map h4 {font-size: 12px; font-weight: normal;line-height: 1.4em;}

/* State Pages */
/* -------------------- */
div#state-page dl {}
div#state-page dl dt {margin: 10px 0 2px 0;}
div#state-page dl dt a {font-weight: bold;}

/* UNIT SIZES POP-UP
 * --------------------------------------------------------------------------*/
#unit-sizes-pop {}
#unit-sizes-pop p {text-align: left; color: #FFF; margin: 1em;}
#unit-sizes-pop table { 
    margin: 1em auto; 
    width: 90%;
    background: #FFF; 
    border-collapse: collapse;
}
#unit-sizes-pop table td {
    padding: .5em 1em; 
    color: #455235;
    border: 2px solid #000066;
    vertical-align: top; 
    font-weight: normal;
    text-align: left;
}
#unit-sizes-pop table th {
    color: #000066; 
    padding: .5em 1em; 
    border: 2px solid #000066; 
    font-weight: bold; 
}
#unit-sizes-pop table th {background: #bed9f2; color: #000066;}

/* Footer */
/* -------------------- */

div#footer ul {padding: 0 0 0 47px;}
div#footer ul li {
    display: block;
    float: left;
}
div#footer ul li a {
    color: #3366cc;
    line-height: 42px;
    padding: 0 10px;
    border-right: 1px solid #3366cc;
}
div#footer ul li.last a {border: 0;}

div#subFooter {position: relative;}
div#subFooter ul {}
div#subFooter ul li {display: inline;}
div#subFooter ul li a {
    color: #FFF;
    line-height: 42px;
    padding: 0 10px;
    border-right: 1px solid #FFF;
}
div#subFooter ul li.last a {border: 0;}

div#footer-states {padding: 10px 0 0 0;}
div#footer-states ul.states-list li a {text-transform: uppercase;}

div#footer-stores {
    position: relative;
    width: 989px;
    color: #FFF;
}
div#footer-stores p.disclaimer {color: #FFF;}
div#footer-stores a {color: #FFF;}


.clear {clear: both;line-height: 1px;height: 1px}
.red {color: #993333;}
.blue {color: #000066; font-size: 20px;}
.existing {font-weight: bold;line-height: 2.7em;}
p.footerBrand a {color: #fff;}

#footer-stores .vcard {
  padding:10px 0 0;
  width:auto;
}

div#whopper.area-page-class div#other-facilities {
    width: 937px;
    margin: 0 7px;
    border-top: 40px solid #2f6bb6;
}
#shadowbox_title #shadowbox_title_inner{
color:#000000;	
}

body #signature-brand { margin:15px auto 25px auto; }

