@charset "utf-8";
/* CSS Document */

html { height: 100%; }

#splash {
  height: 100%;
  margin: 0px;
  padding: 0px;
  background: url(images/main-background.png) repeat-x #0a1434;
  text-align: center;
}

#pages {
  height: 100%;
  margin: 0px;
  padding: 0px;
  background: url(images/main-background.png) 0px -53px repeat-x #0a1434;
  text-align: center;
}

#home {
  height: 100%;
  margin: 0px;
  padding: 0px;
  background: url(images/main-background.png) 0px -53px repeat-x #0a1434;
  text-align: center;
}

a img {border: none;}

.fl {
  float: left;
}

.fr {
  float: right;
}

#splash-logo {
  margin: 0 auto;
  padding-top: 128px;
  background: url(images/glow-background.jpg) top center no-repeat;
}

.logo {
  margin-bottom: 24px;
}

#location {
  list-style: none;
  padding: 0px;
  margin: 0px auto;
  width: 770px;
  height: 150px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #6f7ba3;
  margin-top: 35px;
  line-height: 1.5em;
}

#location a {
  color: #6f7ba3;
  text-decoration: none;
}

#location li {
  display: inline;
  padding: 0px;
  margin: 0px;
  float: left;
  text-align: left;
  width: 241px;
  height: 154px;
  margin-right: 14px;
}

a.location-box {
  color: #6f7ba3;
  text-decoration: none;
  display: block;
  height: 124px;
  padding: 10px 4px 10px 10px;
}

#location span {
  font-size: 19px;
  font-weight: bold;
  color: #cfd3de;
}

a:hover.location-box {
  background: url(images/location-hover.gif) no-repeat;
}

a.fullmap {
  float: left;
  margin-top: -96px;
  margin-left: 105px;
}

#location img {
  float: left;
  padding-right: 10px;
}

/* css - inside pages */

#container {
  width: 800px;
}

#pages #wrapper {
  width: 800px;
  text-align: left;
  margin: 0px auto;
  background: url(images/nav-design.gif) bottom center no-repeat;
  padding: 33px 0px 23px 0px;

}

#home #wrapper {
  width: 800px;
  text-align: left;
  margin: 0px auto;
  background: url(images/nav-design-home.gif) bottom center no-repeat;
  padding: 33px 0px 23px 0px;

}

#header {
  background: url(images/header-glow.jpg) -105px 0px no-repeat;
  width: 1004px;
  margin: 0px auto;
}

#navigation {
  margin: 20px 0px 0px 0px; padding: 0px;
  list-style: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  float: left;
}

#navigation li {
  margin: 0px 0px 0px 35px; padding: 0px;
  display: inline;
}

#navigation a {
  text-decoration: none;
  color: #49557a;
}

#navigation a:hover {
  text-decoration: none;
  color: #FFF;
}

#navigation a.current {
  color: #FFF;
}

.logo-header {
  float: left; 
  margin-right:10px;
  margin-left: 10px;
}

#tabs {
  clear: both;
  list-style: none;
  margin: 0px auto; padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  width: 796px;
  padding: 23px 0px 0px 6px;
}

#tabs li {
  float: left;
  width: 190px;
  height: 58px;
  margin: 0px 3px;
  background: url(images/buttons.gif) no-repeat;
}

#tabs strong {
  font-size: 17px;
}

#tabs a {
  text-decoration: none;
  display: block;
  color: #FFFFFF;
  width: 164px;
  height: 34px;
  padding: 12px 13px 12px 13px;
  line-height: 1.6em;
}

#tabs a:hover {
  background: url(images/buttons.gif) 0px -58px no-repeat;
}

/* \*/
* html #tabs a {
  padding: 10px 13px 10px 13px;
}
/* */

#tabs a.current {
  background: url(images/buttons.gif) 0px -116px no-repeat;
  color: #1f2b4f;
}

#tabs a:hover.current {
  background: url(images/buttons.gif) 0px -116px no-repeat;
  color: #1f2b4f;
}

#home #container {
  background: url(images/home-background.jpg) no-repeat;
  width: 760px;
  margin: 0px auto;
  text-align: left;
  padding: 18px 0px 0px 40px;
}

#pages #container {
  background: url(images/header-background.png) repeat-x #FFF;
  width: 726px;
  margin: 0px auto;
  text-align: left;
  padding: 0px 30px 30px 30px;
  border-left: 7px solid white;
  border-right: 7px solid white;
  font-family: "Trebuchet MS", Arial;
  font-size: 14px;
  line-height: 1.5em;
  color: #19223f;
}

#pages #container strong {
  font-size: 15px;
  color: #23369e;
}

#pages #container h1 {
  margin: 0px;
  padding: 0px;
  background: url(images/line.png) bottom repeat-x;
  padding-bottom: 4px;
}

#why-list {
  list-style: none;
  padding: 0px 0px 30px 0px; margin: 35px 0px 0px -10px;
  line-height: 1.5em;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #19223f;
}

#why-list li {
   padding-bottom: 30px;
}

#why-list p {
  margin: 0px 0px 0px 64px;
}

#why-list img {
  margin: 4px 0px -4px 64px;
}

.spring {
  float: right;
  margin: 5px 150px 0px 0px;
}

.list1 {
  background: url(images/list-image1.png) 0px 0px no-repeat;
}

.list2 {
  background: url(images/list-image2.png) 0px 0px no-repeat;
}

.list3 {
  background: url(images/list-image3.png) 0px 0px no-repeat;
}

.storage {
  background: url(images/line.png) bottom repeat-x;
  padding-bottom: 4px;
  line-height: 1.4em;
  margin: 10px 0px;
}

.storage p {
  margin: 20px 0px 4px 0px; padding: 0px;
  font-weight: bold;
}

.storage em {
  border-bottom: 1px solid #19223f; 
  font-style: normal;
}

.storage img {
  float: left;
  margin-bottom: 10px;
}

.storage ul {
  margin: 0px 0px 0px 0px; padding: 0px;
  float: left;
  list-style: disc;
  color: #19223f;
}

.storage li {
  padding: 0px; margin: 0px 0px 0px 20px;
}

.left, .right {
  width: 356px;
  background: url(images/border-box.png) repeat-y;
}

.left table, .right table {
  width: 312px;
  margin: 0px auto;
  font-size: 12px;
  padding: 0px 0px 0px 0px;
  clear: both;
}

.center {
  text-align: center;
}

.left h2, .right h2 {
  background: url(images/top-box-curve.png) 0px 0px no-repeat;
  padding: 18px 0px 10px 20px;
  font-size: 16px;
  color: #23369e;
  margin: 0px 0px 0px 0px;
}


div.left em, div.right em {
  padding-bottom: 14px;
  display: block;
  background-color: #FFF;
}

img.product {
	position: relative;
	top: -20px;
	float: right;
	padding-right: 20px;
	background-image: url(packing%20supplies);
}

.item {
  width: 250px;
  text-decoration: underline;
}

.label {
  text-decoration: underline;
  text-align: center;
}


.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */

#footer {
  width: 800px;
  margin: 0px auto;
  background: url(images/footer-background.png) no-repeat;
  padding: 10px 0px;
}

#footer-images {
  list-style: none;
  margin: 0px; padding: 14px;
  text-align: right;
}

#footer-images li {
  display: inline;
  margin: 0px; padding: 0px 10px;
}


/***************** form ***********************/

#contact {
  width: 400px;
  margin-top: 30px;
}

div.row {
  clear:both;
  }

span.label {
  font-family:'trebuchet ms',arial,verdana,sans-serif;
  font-size: 13px;
  color: #555;
  float: left;
  width: 75px;
  text-align: right;
  text-decoration: none;
  font-weight: bold;
  color: #23305b;
  }

div.row span.formw {
  color: #555;
  float: right;
  width: 310px;
  text-align: left;
  padding-bottom: 6px;
  }
  
input.formw {
  height: 22px;
  border: none;
  background: url(images/form-background.png) no-repeat;
}

textarea.formw {
  border: none;
  background: url(images/form-background.png) no-repeat;
}

.submit {
  float: right;
  margin-top: 10px;
}

div.row span.left {
  float: left;
  text-align: left;
  font-weight: bold;
  color: #fff;
  width: 16%;
  }

div.row span.right {
  float: right;
  text-align: right;
  font-weight: bold;
  color: #fff;
  width: 16%;
  }
div.spacer {
  clear: both;
  }
  
.text-link {
text-align:center;
width:20%;
float:left;
margin: -20px 0px 20px 0px;
}

/*************** end form *******************/


#coupon {
  width: 800px;
  margin: 50px auto;
}

img.print {
  margin-top: 12px;
}

img.storagemax {
  margin-bottom: 30px;
  padding-left: 20px;
}

#coupon p {
  clear: both;
  font-size: 9px;
  font-family: Arial, Helvetica, sans-serif;
  width: 778px;
  height: 266px;
  margin: 0px auto 0px auto;
  padding: 0px 10px 0px 10px;
  border: 2px solid #d0d0ea;
  text-align: center;
  background: url(images/coupon.png) center no-repeat;
  color: #1c2252;
}

#coupon-box {
  border: 10px solid #e51717;
  clear: both;
  padding: 5px;
  margin: 0px auto;
  width: 804px;
}

img.text-coupon {
  padding: 15px 15px 25px 15px;
}