/* TAG DEFS */
a {
	text-decoration:none;
}

ul{
	clear:both;
	margin-top:5px;
}

li{
	list-style-image:url(images/arrow.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:13px;
	color:#404741;
	line-height:15px;
}

.list{
	list-style-image:url(images/arrow2.gif);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404741;
	line-height:15px;
	margin:0px;
}

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bolder;
	font-style:italic;
	color:#2C2C2A;
	margin-top:12px;
	margin-bottom:0px;
	margin-left:16px; 
	display:inline;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	font-stretch:extra-expanded;
	color:#404741;
	line-height:10px;
	margin-top:17px;
	margin-bottom:0px;
	margin-left:16px; 
}

h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#6E746E;
	margin-top:0px; 
	padding-top:10px;
	margin-left:32px; 
	margin-right:18px;
	line-height:19px;	
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:13px;
	font-stretch:extra-expanded;
	color:#FFFFFF;
	margin-top:0px;
	padding-top:5px;
	margin-bottom:15px;
	clear:both;
	overflow:hidden; /* needed only to stop IE7 from auto-spacing the top margin (to get rid of the "line-height" height space) */
}

h4:hover {
	color:#F76011;
}

h4:active {
	color:#FFFFFF;
}


h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:11px;
	font-style:italic;
	color:#ECECEC;
	margin-top:-15px;
	clear:both;
	overflow:hidden; /* needed only to stop IE7 from auto-spacing the top margin (to get rid of the "line-height" height space) */
}

h6 { 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#404741;
	line-height:13px;
	margin: 0px;
	margin-left:36px; 
}

.h7, .h8 { 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	line-height:15px;
	color:#333333;
	margin: 10px;
	margin-left:16px; 
	width: 450px;
	display:block;
	clear: both;
}

.h8:hover { 
	color:#F76011;
}

body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	/* background-color: #9D9D9D; */
	background-image:url(images/bg_fade.jpg);
	background-repeat:repeat-x;
	height:100%;
}

/* TOP AREA */
#header {
	background-image: url(images/zone4_logo.jpg);
	background-repeat:no-repeat;
	height:120px;
	width:588px;
	float:left;
}

#head_fade {
	background-image: url(images/z4_logo_fade.jpg);
	background-repeat:repeat-x;
	height:120px;
	width:263px;
	float:left;
}

#mainWarehouseImg {
	background-image: url(images/zone4_main_warehouse.jpg);
	background-repeat:no-repeat;
	height:293px;
	width:588px;
	float:left;
}

#emptyBar {
	height:5px;
	width:588px;
	/* background-color:#FF6600; */
	background-color:#000000;
	float:left;
	overflow: hidden; /* needed to stop the IE double height problem */
}

#bldgLoadingDockLeft {
	background-image:url(images/bldg_fill_L2.jpg);
	background-repeat:repeat-y;
	height:120px;
	width:119px;
	width:287px; /* added for new idea */
	float:left;
	
}   

#bldgLoadingDock {
	background-image:url(images/building_loading_dock.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height:120px;
	width:588px;
	/* width:350px;
	width:287px;  added for new idea */
	float:left;
	clear:left;
}   

#bldgLoadingDockRight {
	background-image:url(images/bldg_fill_L2.jpg);
	background-repeat:repeat-y;
	height:120px;
	width:301px;
	float:left;
}   

/* MID AREA */
#warehouseServicesListArea {
	background-color:#FF8744;
	text-align:left;
	height:237px;
	width:287px;
	float:left;
	clear:left;
}

#warehouseCompanyInfoArea {
	background-color:#F8F9F4;
	text-align:left;
	height:237px;
	width:301px;
	float:left;
}

#consultant {
	background-image:url(images/zone4_sm.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height:73px;
	width:76px;
	float:right;
	clear:left;
	margin:14px;
	margin-right:7px;
	display:inline;
}   

/* RIGHT BAR AREA */
#rightBar { 
	background-color:#000000;
	width:263px;
	height:785px;
	border:solid;
	border-width:1px;
	border-color:#202020;
	border-right:none;
	border-top:none;
	float:right;
	clear:right;
}

#warehouseCategoryItem {
	background-repeat:no-repeat;
	margin:0px;
	margin-left:46px;
	padding:0px;
	float: left;
	clear:both;
	height:133px;
	width:171px;
	border:solid;
	border-width:1px;
	border-color:#202020;
	border-color:#FFFFFF; /* for black bkgd. can be removed. */
	overflow: hidden; /* needed to keep bottom border aligned with pic */
}   

* html #warehouseCategoryItem {
	margin-left:0px;
	float: none;
}

a.warehouseCategoryItemText {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:13px;
	font-stretch:extra-expanded;
	color:#F9F9F9;
	margin-top:0px;
	padding-top:5px;
	margin-bottom:15px;
	clear:both;
	display:block;
	overflow:hidden; /* needed only to stop IE7 from auto-spacing the top margin (to get rid of the "line-height" height space) */
}

.warehouseCategoryItemText:hover {
	color:#F76011;
}

.warehouseCategoryItemText:active {
	color:#FFFFFF;
}

.warehouseCategoryItemSubText {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:11px;
	font-style:italic;
	color:#ECECEC;
	clear:both;
	overflow:hidden; /* needed only to stop IE7 from auto-spacing the top margin (to get rid of the "line-height" height space) */
}

.warehouseCategoryItemSubText:hover {
	color:#F76011;
}

.warehouseCategoryItemSubText:active {
	color:#FFFFFF;
}

/* BOTTOM AREA */
#warehouseBottomNav{
	background-color:#202020;
	text-align:center;
	height:34px;
	width:852px;
	clear:both;
}

a.warehouseBottomNavText {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:13px;
	font-stretch:extra-expanded;
	/* color:#6E746E; */
	color:#F9F9F9;
	margin-top:8px;
	width:24%;
	float:left;
	overflow:hidden; /* needed only to stop IE7 from auto-spacing the top margin (to get rid of the "line-height" height space) */
}

.warehouseBottomNavText:hover {
	color:#F76011;
}

.warehouseBottomNavText:active {
	color:#FFFFFF;
}


#warehouseBottomCopyright{ 
	background-color:#F8F9F4;
	text-align:center;
	height:16px;
	width:852px;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#3E3F3A;
	line-height:10px;
	padding-top:8px;
}

/* RACKING/SHELVING PAGE */
#warehouseRackTypeArea {
	background-color:#CCCCCC;
	border:solid;
	border-width:1px;
	border-color:#333333;
	text-align:left;
	padding:10px;
	margin:5px;
	float:left;
	/* clear:left; */
}

#warehouseRackTypeSubArea {
	background-color:#E7E7E7;
	border:solid;
	border-width:1px;
	border-color:#333333;
	text-align:left;
	padding:0px;
	margin:20px;
	margin-left:20px;
	float:left;
	clear:both;
	width:300px;
}

* html #warehouseRackTypeSubArea {
	margin-left:10px;
	margin-right:10px;
}

#warehouseTextBoxArea {
	text-align:left;
	margin:10px;
	float:left;
	clear:left;
	width:350px;
	overflow:hidden;
}

.spacer2{
	height:20px;
	width:100px;
	display:block;
	overflow:hidden;
	clear:both;
}

.spacer3{
	height:5px;
	width:100px;
	font-size:1px;
	display:block;
	clear:both;
	overflow:hidden;
}

.spacer4{
	height:60px;
	width:100px;
	font-size:1px;
	display:block;
	clear:both;
	overflow:hidden;
}

* html .spacer4{
	height:43px;
}

.whse_img {
	border:solid;
	border-color:#242424;
	border-width:1px;
}

/* COMMON */
#pageTitle, #pageArea{
	width:588px;
	float:left;
	text-align:left;
	padding-top:25px;
	
}

.pageArea2{
	margin-left:15px; 
}

/* Hack for IE6 */
* html .pageArea2{
	margin-left:4px;
}


.picLeft{
	float:left;
	text-align:left;
	padding:7px;
}

.picRight{
	float:right;
	text-align:right;
	padding:7px;
}

.picRight img, .picLeft img {border: 1px solid #CCCCCC}

.bold {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:12px;
	color:#000000;
}


#wrapper {
	text-align: center;
	width: 852px;
	margin-right: auto;
	margin-left: auto;
	border-style: solid; 
	border-color: #010200; 
	border-width: 1px;
	background-color: #FFFFFF;
	overflow: hidden;
	
}

.warehouseCommonBorder {
	border:solid;
	border-width:1px;
	border-color:#202020;
	border-left:none;
	border-right:none;
}

.spacer {
	clear: both;
}

* html h1, #header, #mainWarehouseImg, #emptyBar, #bldgLoadingDock, #warehouseServicesListArea, #warehouseCompanyInfoArea {
	display:inline;
}

/* TOP NAV */
#warehouseTopNav{
	background-color:#202020;
	text-align:center;
	height:24px;
	width:852px;
	clear:both;
}

a.warehouseTopNavText {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:11px;
	color:#F9F9F9;
	margin-top:5px;
	padding-left:40px;
	overflow:hidden; /* needed only to stop IE7 from auto-spacing the top margin (to get rid of the "line-height" height space) */
}

.warehouseTopNavText:hover {
	color:#F76011;
}

.warehouseTopNavText:active {
	color:#FFFFFF;
}

/* SUB NAV */
#warehouseSubNav{
	background-color:#777777;
	text-align:center;
	height:24px;
	width:852px;
	clear:both;
}

a.warehouseSubNavText {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:11px;
	color:#FFFFFF;
	margin-top:5px;
	padding-left:32px;
	overflow:hidden; /* needed only to stop IE7 from auto-spacing the top margin (to get rid of the "line-height" height space) */
}

.warehouseSubNavText:hover {
	color:#F76011;
}

.warehouseSubNavText:active {
	color:#0066CC;
}


/* TEST FOR COLORS */

.colWrapper {
	position:absolute;
	left:1020px;
	top:20px;
}

.colWrapper2 {
	position:absolute;
	left:1050px;
	top:20px;
}

.colWrapper3 {
	position:absolute;
	left:1080px;
	top:20px;
}

.colWrapper4 {
	position:absolute;
	left:1110px;
	top:20px;
}

.col {
	clear:both;
	float:left;
	height:16px;
	width:16px;
	background-color:#FF0000;
	margin-top:3px;
	margin-bottom:3px;
	display:block;
}