* {

  margin: 0px;

  padding: 0px;

  }



body {

  margin: 0px;

  padding: 0px;

  background-color: #FFFFFF;

  color: #333333;

  }



hr {

  height: 8px;

  width: 100%;

  background-color: #000000;

  border: none;

  color:#000000;

  margin-bottom: 10px;

  }



#pageContainer {

  width: 740px;

  margin-left: auto;

  margin-right: auto;

  }



#header {

  width: 740px;
  height: 85px;
  /*background: url('../img/logo.gif') #bb1f1f no-repeat center left;*/
  background: #bb1f1f;
 /* margin-top: 10px;*/
  border-bottom: #d2d2d2 solid 5px;
  text-align: right;
  margin-bottom: 20px;
  }



#headerLinks {
  color: #FFFFFF;
  font-family: arial;
  font-size: 8pt;
  padding-top: 55px;
  padding-right: 5px;
 }



.hlink:link {

  color: #FFFFFF;

  font-family: arial;

  font-size: 8pt;

  text-decoration: none;

  }



.hlink:active {

  color: #FFFFFF;

  font-family: arial;

  font-size: 8pt;

  text-decoration: none;

  }



.hlink:hover {

  color: #FFFFFF;

  font-family: arial;

  font-size: 8pt;

  text-decoration: underline;

  }



.hlink:visited {

  color: #FFFFFF;

  font-family: arial;

  font-size: 8pt;

  text-decoration: none;

  }



#leftSide {

  width: 230px;

  float: left;

  }



#rightSide {

  width: 410px;

  float: right;

  }



.numBox {

  height: 48px;

  width: 48px;

  border: 1px #000000 solid;

  background-color: #bb1f1f;

  text-align: center;

  vertical-align: middle;

  line-height: 48px;

  color: #FFFFFF;

  font-family: arial;

  font-size: 18pt;

  float: left;

  margin-right: 8px;

  }



h1 {

  color: #333333;

  font-family: arial;

  font-size: 10pt;

  }



h2 {

  color: #333333;

  font-family: arial;

  font-size: 7pt;

  margin-left: 5px;

  }



.showcaseX {

  margin: 2px;

  padding: 2px;

  border: 2px #000000 solid;

  }



.li {

  margin-bottom: 3px;

  font-weight: bold;

  }



.tp {

  margin-bottom: 5px;

  font-weight: bold;

  }



 p {

  text-indent: 0px;

  font-family: arial;

  font-size: 8pt;

  margin-bottom: 20px;

  text-align:justify;

  }



.dir {

  text-indent: 0px;

  font-family: arial;

  font-size: 9pt;

  margin-bottom: 0px;

  text-align:left;

  color: #990000;

  font-weight:bold;

  }

  

  .dir2 {

  text-indent: 0px;

  font-family: arial;

  font-size: 8pt;

  margin-bottom: 0px;

  text-align:left;

  }



.Arriba {

  position: fixed;

  bottom: 3px;

  z-index: 500;

  left: 85%;

  font-family: arial;

  font-size: 8pt;

  background-color: #CC0000;

  color: #FFFFFF !important;

  text-decoration: none !important;

  width: 43px;

  text-align:center;

  }



#footer {

  clear: both;

  width: 740px;

  font-family: arial;

  font-size: 8pt;

  border-top: 2px #000000 solid;

  }



#title {

  float: left;
  color: #FFFFFF;
  padding-left: 10px;
  margin-top: 10px;
  font-family: arial;
  font-size: 24pt;

  }



#subTitle {
  float: left;
  clear: left;
  color: #FFFFFF;
  padding-left: 103px;
  font-family: arial;
  font-size: 8pt;
  position: absolute;
  padding-top: 45px;
  }



.right {

  float: right;

  margin: 0px;

  }



.left {

  float: left;

  margin: 0px;

  }



.flink:link {

  color: #333333;

  font-family: arial;

  font-size: 8pt;

  text-decoration: none;

  }



.flink:active {

  color: #333333;

  font-family: arial;

  font-size: 8pt;

  text-decoration: none;

  }



.flink:hover {

  color: #333333;

  font-family: arial;

  font-size: 8pt;

  text-decoration: underline;

  }



.flink:visited {

  color: #333333;

  font-family: arial;

  font-size: 8pt;

  text-decoration: none;

  }

  

#map_canvas {

  height: 410px;

  width: 410px;

  border: 1px solid #333333

  }

  

#directionsPanel {

  font-family: arial;

  font-size:9pt;

  width: 280px;

  }

  

#m {

    font-family: arial;

    font-size:9pt;

    position:fixed;

    top:1px;

    text-align:center;

    width:100%;

    background-color: #FFFF80;

    color:Gray;

    }



#sizes

{   font-family: arial;

    font-size:9pt;

    text-align:center;

    width:410px;    

    height: 110px;

    }



#sizesTable

{   border-collapse:collapse;

    text-align:center;

    width:100%;

    height:100%;

    color:Gray;

    border:1px solid gray;

    }
	
	
	/* style for responsive */
img {max-width:100%;}
* {box-sizing: border-box;}
#main { clear:both;}
.mobile_menu {display:none;}
.bars {display:none;}
#main h1 {font-size:18px; margin-bottom: 10px; line-height: 26px;}
#additional-services section .spec_r_ser h3 {height:auto !important;}
.desktop-logo{float:left; padding: 5px 0px;}
.mobile-logo{}
.mobile_logo {display:none;}

#tagline{text-align:left;}

.hidden-xs{display:block;}
.hidden-md{display:none;}

.select-dropdown-sizes {text-align:center;}
#space_sizes {
  width: 250px;
  padding: 5px 35px 5px 5px;
  font-size: 16px;
  border: 1px solid #ccc;
  height: 34px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color:#CC0000;
  color:#fff;
  background-image: url("./img/white-arrow.png");
  background-position: right 50%;
  background-repeat: no-repeat;
}

/* CAUTION: IE hackery ahead */
#space_sizes::-ms-expand { 
    display: none; /* remove default arrow on ie10 and ie11 */
}

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    #space_sizes {
        background:none\9;
        padding: 5px\9;
    } 
}


/* for 800 */
@media (max-width: 999px) {
	#pageContainer{width:100%;}
	#header{height:135px; width:100%;}
	#title{font-size: 20pt; padding-top: 50px;}
	#subTitle{padding-top: 95px;}
	#tagline {clear:both; width: 100%; margin: 10px 0 0; height: auto; padding: 5px 10px 10px;}
	#security section {padding: 0 15px; min-height: 400px;}
	#packing-tips #left {width:40%;}
	#packing-tips #right {width:60%;}
	#contact-us #left {width:100%; margin: 0 0 20px;}
	#contact-us #right {width:100%;}
	#contact-us #map_canvas {width:100%;}
	.mobile_menu {display:block;}
	.bars {display:block; position:fixed; background: #DE0C0B; padding: 10px 0 8px 20px; color: #ffffff; font-size: 24px; text-transform: uppercase; left: 0; right: 0; z-index:100;}
	.bars a {color:#ffffff;}
	.pc_menu {display:none;}
	body { margin: 0 auto;}
	#site-title {padding-top:55px;}
	.header address {margin:84px 0 0 15px;}
	#main {padding: 20px 0 0;}	
	.header { border-bottom: 1px solid #DE0C0B; padding-bottom: 20px; overflow: hidden;}
	.spec_r_ser {width: calc(100% - 167px) !important;}
	.hidden-xs{display:block;}
	.hidden-md{display:none;}	
	#footer {width:100%; padding:0px 10px;}	
	#footer .left, #footer .right{float:none; text-align:center;}	
	#leftSide {width: 100%; text-align:center; padding:10px;}
	#rightSide {width: 100%; padding:10px;}
	#map_canvas{width:100%;}
	#sizes{width:100%;}
}


/* for 768 */
@media (max-width: 799px) {
	.hidden-xs{display:block;}
	.hidden-md{display:none;}
	
}


/* for 600 */
@media (max-width: 767px) {
	.header address .tel {display:inline-block; padding-right:10px;}
	.header address {margin:10px 0 0; width: 100%; text-align: center;}
	#site-title > a {width:100%; text-align: center;}
	#locker-sizes #left-col {width:100%;}
	#locker-sizes .right-col {clear:both; width: 100% !important; margin: 20px 0 0;}
	#security section {width: 50%;padding: 0 20px;}
	#security section:nth-child(3) h3 { border-top: 1px solid #dddddd !important; padding:20px 0 0 !important; }
	#faq #left {width:100%; padding: 0 0 30px;}
	#faq #right {width:100%;}
	.hidden-xs{display:none;}
	.hidden-md{display:block;}
	#spaceImageContainerL2_sizes {padding-top: 10px;}
	#spaceImageContainer_sizes{width: 100% !important;}	
	/*#title{padding-top: 0px;}
	#subTitle{padding-top: 45px;}*/
	
}
	


/* for 480 */
@media (max-width: 599px) {	
	.fl {width:auto;}
	#site-title a {width:100%;}
	#security section {width: 100% ; padding: 0; min-height: inherit; padding-bottom: 40px;}
	#security section:nth-child(2) h3 { border-top: 1px solid #dddddd !important; padding:20px 0 0 !important;  }
	#packing-tips #left {width:100%; padding: 0 0 30px;}
	#packing-tips #right {width:100%;}
	#contact-us #left address {width:100%; padding: 0 0 30px}
	#contact-us #left dl {width:100%;}
	#additional-services figure {width:100% !important; text-align: center; margin-bottom: 30px;} 
	.spec_r_ser {width:100% !important; text-align: center; padding: 0 !important;}
	.desktop_logo {display:none;}
	.mobile_logo {display:block; float: left;}
	.hidden-xs{display:none;}	
	.hidden-md{display:block;}
	#spaceImageContainerL2_sizes {padding-top: 10px;}
	#spaceImageContainer_sizes{width: 100% !important;}
	
	
	

}


/* for 360 */
@media (max-width: 479px) {
	.header address .tel {display:block;}
	#locker-sizes #content { padding:20px 0;}
	.hidden-xs{display:none;}
	.hidden-md{display:block;}	
	#spaceImageContainerL2_sizes {padding-top: 10px;}
	#spaceImageContainer_sizes{width: 100% !important;}
	
}



/* for 320 */
@media (max-width: 339px) {
	.hidden-xs{display:none;}
	.hidden-md{display:block;}
	#spaceImageContainerL2_sizes {padding-top: 10px;}
	#spaceImageContainer_sizes{width: 100% !important;}
}