@charset "UTF-8";
/* BODY SHIT */
body {
	margin: 3px auto 0px auto;
	padding: 0;
	background-image:url(images/bg.png);
	background-color:#333;
	background-repeat:repeat-x;
	color:#333;
	font-size: 13px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.a {
	font-weight: bold;
	color: #FFF;
	text-decoration:underline;
	border:none; font-size:16px;
}

.note {
	font-size: 8px;
}

.headerNote {
	font-size: 10px;
}
.name {
	font-style: normal;
	font-weight: bold;
	/*color: #760B0B;*/
	color: #FFF;
	text-decoration:none;
	border:none;
	font-size:16px;
	margin: 0 0 10px 0;
	
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	padding: 3px 5px;
	
	background: #6E0A0A; /* for non-css3 browsers */
 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#550808', endColorstr='#760B0B'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#550808), to(#760B0B)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #550808,  #760B0B); /* for firefox 3.6+ */ 
}
.introduction {
	font-size: 14px;
}
title {
	font-size:18px;
	font-weight:bold;
	color:#ccc;
	text-decoration:none;
	border:none;
	line-height:30px;
}

#wrapper{
	width:900px;
	height:100%;
	margin:0px auto 0px auto;
}

#header{
	width:900px;
	height:108px;
	background-image:url(images/header2.png);
	background-position:center;
	background-repeat:no-repeat;
}

#logo {
	width:250px;
	height:78px;
	padding:15px;
	background-image:url(images/logo.png);
	background-position:center;
	background-repeat:no-repeat;
}

#nav{
	width:900px;
	height:30px;
	margin: -4px auto 7px -8px;
	padding-top:6px;
	padding-right:15px;
	background-image:url(images/nav.png);
	background-position:center;
	background-repeat:no-repeat;
}

#bar{
	width:190px;
	height:500px;
	float:left;
	margin-right:10px;
	background-image:url(images/bar.png);
	background-position:center;
	background-repeat:repeat-x;
}

#main{
	width:650px;
	height:100%;
	min-height:450px;
	margin-bottom:10px;
	float:left;
	padding:15px 25px 25px 25px;
	/*background-image:url(images/main.png);*/
	background-position:center;
	background-repeat:no-repeat;
	background-color:#fff;
}

#footer{width:900px; height:19px; clear:both; background-image:url(images/fbg.png); background-position:center; background-repeat:repeat-x;}

/* MAIN */
#banner {width:650px; height:158px; margin-bottom:10px;}
#bannersmall {width:437px; height:auto;margin-bottom:25px; text-align:center; float:left;}

#boxleft{width:212px; height:100%; margin:0 7px 15px 0; float:left;}
#boxleftWide{width:424px; height:100%; margin:0 7px 15px 0; float:left;}
#boxright{width:212px; height:100%; margin:0 0 15px 0; float:right;}

#boxright2{width:200px; height:100%; margin:0 0 15px 0; float:right;}

#list{
	width:202px;
	height:100%;
	margin:0px auto 5px auto;
}
.sublist{
	width:202px;
	height:100%;
	margin:0px 0px 0px 0px;
	padding-left: 5px;
}
#col{
	width:141px;
	height:100%;
	margin:0 0px 15px 0;
	float:left;
}
.attentionTitle{
	font-size:20px;
	color:#06C;
	font-weight: bold;
}
.listHeader {
	font-weight: bold;
}
.section {
	margin: 0 0 10px 0;
}
.sectionHeader {
	font-style: normal;
	font-weight: bold;
	color: #FFF;
	text-decoration:none;
	border:none;
	font-size:16px;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	padding: 3px 5px;
 
	background: #6E0A0A; /* for non-css3 browsers */
 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#550808', endColorstr='#760B0B'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#550808), to(#760B0B)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #550808,  #760B0B); /* for firefox 3.6+ */ 
}

.sectionHeader a {
	color:#FFF;
}
.sectionContent {
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #484848;
	border-bottom-color: #484848;
	border-left-color: #484848;
	overflow: hidden;
}
.colHeader {
	font-style: normal;
	font-weight: bold;
	color: #990000;
	text-decoration:none;
	border:none;
	font-size:16px;
	text-align:center;
	margin: 0 0 10px 0;
}

.clr{clear:both;}



/*TOP LINKS*/
#agricultural {display: block; width: 112px; height:23px; background: url("images/nav/1.png") no-repeat 0 0; border:none; float:right;}
#agricultural:hover {background-position: 0 -23px;}
#agricultural span {display: none;}

#food {display: block; width: 135px; height:23px; background: url("images/nav/2.png") no-repeat 0 0; border:none; float:right;}
#food:hover {background-position: 0 -23px;}
#food span {display: none;}

#industrial {display: block; width: 113px; height:23px; background: url("images/nav/3.png") no-repeat 0 0; border:none; float:right;}
#industrial:hover {background-position: 0 -23px;}
#industrial span {display: none;}

#janitorial {display: block; width: 109px; height:23px; background: url("images/nav/4.png") no-repeat 0 0; border:none; float:right;}
#janitorial:hover {background-position: 0 -23px;}
#janitorial span {display: none;}

#retail {display: block; width: 66px; height:23px; background: url("images/nav/5.png") no-repeat 0 0; border:none; float:right;}
#retail:hover {background-position: 0 -23px;}
#retail span {display: none;}

/*SIDE LINKS*/
#home {display: block; width: 190px; height:34px; background: url("images/sidebar/1.png") no-repeat 0 0; border:none;}
#home:hover {background-position: -190px 0;}
#home span {display: none;}

#bags {display: block; width: 190px; height:33px; background: url("images/sidebar/2.png") no-repeat 0 0; border:none;}
#bags:hover {background-position: -190px 0;}
#bags span {display: none;}

#boxes {display: block; width: 190px; height:33px; background: url("images/sidebar/3.png") no-repeat 0 0; border:none;}
#boxes:hover {background-position: -190px 0;}
#boxes span {display: none;}

#cushion {display: block; width: 190px; height:53px; background: url("images/sidebar/4.png") no-repeat 0 0; border:none;}
#cushion:hover {background-position: -190px 0;}
#cushion span {display: none;}

#equipment {display: block; width: 190px; height:33px; background: url("images/sidebar/5.png") no-repeat 0 0; border:none;}
#equipment:hover {background-position: -190px 0;}
#equipment span {display: none;}

#labels {display: block; width: 190px; height:33px; background: url("images/sidebar/6.png") no-repeat 0 0; border:none;}
#labels:hover {background-position: -190px 0;}
#labels span {display: none;}

#shipping {display: block; width: 190px; height:33px; background: url("images/sidebar/7.png") no-repeat 0 0; border:none;}
#shipping:hover {background-position: -190px 0;}
#shipping span {display: none;}

#shrink {display: block; width: 190px; height:53px; background: url("images/sidebar/8.png") no-repeat 0 0; border:none;}
#shrink:hover {background-position: -190px 0;}
#shrink span {display: none;}

#strap {display: block; width: 190px; height:33px; background: url("images/sidebar/9.png") no-repeat 0 0; border:none;}
#strap:hover {background-position: -190px 0;}
#strap span {display: none;}

#tapes {display: block; width: 190px; height:33px; background: url("images/sidebar/10.png") no-repeat 0 0; border:none;}
#tapes:hover {background-position: -190px 0;}
#tapes span {display: none;}

#temperature {display: block; width: 190px; height:53px; background: url("images/sidebar/11.png") no-repeat 0 0; border:none;}
#temperature:hover {background-position: -190px 0;}
#temperature span {display: none;}

#breathbuilder {display: block; width: 190px; height:34px; background: url("images/sidebar/12.png") no-repeat 0 0; border:none;}
#breathbuilder:hover {background-position: -190px 0;}
#breathbuilder span {display: none;}


/*BOTTOM LINKS*/
#about {display: block; width: 70px; height:19px; background: url("images/f1.png") no-repeat 0 0; border:none; float:right;}
#about:hover {background-position: 0 -19px;}
#about span {display: none;}

#contact {display: block; width: 94px; height:19px; background: url("images/f2.png") no-repeat 0 0; border:none; float:right;}
#contact:hover {background-position: 0 -19px;}
#contact span {display: none;}

#careers {display: block; width: 143px; height:19px; background: url("images/f4.png") no-repeat 0 0; border:none; float:right;}
#careers:hover {background-position: 0 -19px;}
#careers span {display: none;}

.sectionContent img {
	display:block;
	padding:10px;
}


#tabs {
	padding: 0;
	border: none;
}

.ui-widget-content .ui-state-default {
	background: #6E0A0A; /* for non-css3 browsers */
 
 	/*
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#550808', endColorstr='#760B0B');
	background: -webkit-gradient(linear, left top, left bottom, from(#550808), to(#760B0B));
	background: -moz-linear-gradient(top,  #550808,  #760B0B);
	*/
}

.ui-widget-content .ui-state-active {
	border: 1px solid #aaaaaa/*{borderColorDefault}*/;
	background: #FFF/*{bgColorDefault}*/
	/*
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#FFF');
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF));
	background: -moz-linear-gradient(top,  #FFF,  #FFF);
	*/
}
.ui-tabs-selected {
	border: 1px solid #aaaaaa/*{borderColorDefault}*/;
	background: #FFF/*{bgColorDefault}*/
}

.ui-widget-content .ui-state-hover {
	border: 1px solid #070707;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	font-weight: bold;
	color: #FFF;
	text-decoration:none;
	border:none;
	font-size:16px;
	text-align:center;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	font-weight: bold;
	color: #6E0A0A;
	text-decoration:none;
	border:none;
	font-size:16px;
	text-align:center;
}

.ui-widget-header {
	background: #FFFFFF;
	border: #FFF;
}

.ui-state-default {
	background: #FFFFFF;
	border: #FFF;
}

.ui-tabs .ui-tabs-panel {
	border: 1px solid #AAA;
	background-color: #FFF;
}