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

html {
	height: 100%;
}
#splash {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: url(images/main-background.png) repeat-x #CCC;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#pages {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: url(images/main-background2.png) 0px -53px repeat-x #0a1434;
	text-align: center;
}
#home {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: url(images/main-background2.png) 0px -53px repeat-x #0a1434;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
a img {
	border: none;
}
a {
	color:#707EAA;
}
a:hover {
	text-decoration: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;
}
p {
	line-height:1.5em;
}
#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: 900px;
	text-align: left;
	margin: 0px auto;
	background: url(images/nav-design-home.gif) bottom center no-repeat;
	padding: 33px 0px 23px 0px;
}
#home #wrapper {
	width: 900px;
	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: underline;
	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-background1.jpg) no-repeat #FFF;
	width: 860px;
	margin: 0px auto;
	text-align: left;
	padding: 0px 0px 15px 40px;
}
#pages #container {
	background: url(images/header-background.png) repeat-x #FFF;
	width: 826px;
	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;
}
#main-bot {
	background: url(images/main-bot.jpg) no-repeat #0A1434;
	width: 901px;
	margin: 0px auto;
	text-align: center;
	padding: 0px;
	margin-top:-16px;
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #5A668E;
	height: 126px;
}
#sidebar {
	float:right;
	width:266px;
}
#sidebar-quote {
	background: url(/images/quote-bg.jpg) #999 right top no-repeat;
	padding:0 0px 0 19px;
	margin-right:6px;
}
#sidebar-info {
	padding:0 0px 0 19px;
	margin-right:6px;
	background:#FFC;
}
#sidebar-testimonial {
	padding:0 0px 0 19px;
	margin-right:6px;
	background:#FFF;
	color:#8F8F8F;
}
#pages #container strong {
	font-size: 15px;
	color: #23369e;
}
h1 {
	font-family: "Trebuchet MS", Arial;
	font-size:26px;
	letter-spacing:-1px;
	color:#E31414;
	width: 580px;
	border-bottom:#036 solid 2px;
}
h2 {
	font-family: "Trebuchet MS", Arial;
	font-size:18px;
	letter-spacing:-1px;
	color:#162248;
}
h1, h2, h3 {
	padding:0px;
	margin:0px;
}
#why-list {
	list-style: none;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px -10px;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #19223f;
}
#why-list li {
	padding: 5px 0 5px 0;
}
#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) no-repeat;
}
.list2 {
	background: url(images/list-image2.png) no-repeat;
}
.list3 {
	background: url(images/list-image3.png) 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: 900px;
	margin: 0px auto;
	padding: 10px 0px;
	font-size:12px;
	border-top:#162248 solid 1px;
}
#footer-images {
	list-style: none;
	margin: 0px;
	padding: 14px;
	text-align: right;
	float:right;
}
#footer-images li {
	display: inline;
	margin: 0px;
	padding: 0px 10px;
}
#footer-menu {
	float:left;
	padding:30px 0 0 30px;
}
#footer-menu a{
	color:#707EAA;
}
#footer-menu a:hover{
	text-decoration:none;
}
/***************** 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;
}
.quote {
	background: url(images/quote-bg.jpg) #999 right top no-repeat;
}
#ran1,#ran2,#ran3,#ran4 {
  display:none;
}
.slide-out-div {
	padding: 0 10px 0 15px;
	width: 250px;
	background: #1a1a1a;
	color:#fff;
	height:227px;
	font-family: Arial, Helvetica, sans-serif;
}
.slide-out-div p {
	color:#FFF;
	font-size:14px;
	line-height:130%;
}
.slide-out-div p.small {
	color:#FFF;
	font-size:11px;
	line-height:110%;
}
.slide-out-div h2 {
	color:#FF6;
	letter-spacing:-1px;
}
