/*----------------------------------------
	Main stylesheet for: Dexion
----------------------------------------*/ 

/*----------------------------------------  
Colour Master List
background: #000000 (black)
grey: #454543
----------------------------------------*/ 
    
/* Styles reset -------------------------------------------------------------------------------------  */     
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, apress, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, p, ol, ul, li,
fieldset, form, label, legend
{
    border: 0;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: normal;                
    margin: 0;
    outline: 0;     
    padding: 0;
}

html
{
	/*overflow-y:scroll;	*/
}

body
{
	font-family:  arial;
	font-size: 10pt;
	background-color: #000000;
	margin-top: 30px;
	color: #FFFFFF;
}

/* Layout */
#wrapper
{
	width: 952px;	
	margin: auto;
	min-height: 565px;
}

	#header
	{
		
	}
	
		#divNav
		{
			margin-left: 100px;	
		}
		
			#nav
			{
				list-style-type: none;
				margin-top: 5px;
			}
			
				#nav li
				{
					float: left;
				}	
				
				#nav li a
				{
					text-decoration: none;
					font-family: "Verdana";
					color: white;
					font-weight: bold;
					font-size: 9px;
				}
				
				#nav ul li a
				{
					text-decoration: none;
					font-family: "Century Gothic", arial;
					font-weight: bold;
					font-size: 10px;
				}				
				
				#nav li a:hover
				{
					color: #ffffcc
				}
				
		#divSearch
		{
			width: 185px;
			height: 20px;	
			border: 1px solid #b3b3b3;
			padding-left: 2px;
			margin-top: -2px;
		}
		
			#divSearch input[type="text"]
			{
				height: 12px;	
				font-size: 9px;
				width: 165px;
				border: 0;
				background-color: #000000;
				color: #b3b3b3;
				margin-top: 3px;
				font-weight: bold;
			}
			
			#divSearch #aSearch
			{
				background: url('../images/layout/white-triangle.png') right 5px no-repeat;
				width: 10px;
				height: 14px;
				display: block; 
				margin-right: 5px; 
			}
			
	#main
	{
		padding-top: 55px;
	}
	
		#splash #main
		{
			height: 525px;	
		}
	
		#col1
		{
			width: 280px;
		}
		
		#col1-wide
		{
			width: 516px;
		}
		
		#col1-superwide
		{
			width: 680px;
		}				
	
	
		#col2
		{
			width: 185px;
			margin-left: 34px;	
		}
	
			#aCommercialStorage
			{
				display: block;
				height: 247px;
				width: 183px;
				background: url('../images/layout/commercial-storage-systems.png') top left no-repeat;	
			}
			
			#aCommercialStorage:hover
			{
				background: url('../images/layout/commercial-storage-systems.png') bottom left no-repeat;	
			}
			
	
			#aSpecialistStorage
			{
				display: block;
				height: 247px;
				width: 183px;
				margin-top: 20px;
				background: url('../images/layout/specialist-storage-systems.png') top left no-repeat;	
			}
			
			#aSpecialistStorage:hover
			{
				background: url('../images/layout/specialist-storage-systems.png') bottom left no-repeat;	
			}
			
		#col2_wide
		{
			width: 303px;
			margin-left: 74px;
			padding-bottom: 50px;	
		}	
		
			#col2_wide p
			{
				padding-bottom: 10px;
			}		
			
		#col3
		{
			width: 185px;
		}
		
			.sidebarsection
			{
				width: 100%;
				background: url('../images/layout/dotted-line.png') top left repeat-x;
				padding-top: 5px;
				height: 253px;
				max-height: 253px;
				overflow: hidden;
				font-size: 9pt;
				padding-top: 8px;
				line-height: 1.1em;				
			}
			
			.sidebarsectionsm
			{
				width: 100%;
				background: url('../images/layout/dotted-line.png') top left repeat-x;
				padding-top: 5px;
			}					
			
			#col3 p
			{
				font-size: 9pt;
				padding-top: 8px;
				line-height: 1.1em;
			}
			
			#col3 .sidebaryellow p
			{
				color: #FFFFDB !important;	
			}		
			
			#col3 a
			{
				color: #FFFFFF;
			}

			#col3 .sidebaryellow a
			{
				color: #FFFFDB;	
			}					
			
			#col3 img
			{
				padding: 0 8px 8px 0;	
			}
			
			#subnav a
			{
				color: #454543 !important;
				text-decoration: underline;
				font-size: 8pt !important;
			}
			
		.main-heading
		{
			margin-top: -62px;
			padding-bottom: 30px;
		}
		
		/* Gallery */
		#main_image
		{
			height: 276px;
			width: 276px;
			margin-right: 2px;
			margin-bottom: 0px;
			border: 1px solid #454543; 
		}
		
		#gallery-wrapper
		{
			position: absolute;
			margin-left: -20px;
		}
		
		#gallery
		{
			list-style-type: none;
		}
		
			#gallery li
			{
				float: left;
			}
			
				#gallery li img
				{
					height: 67px;
					width: 67px; 
					opacity:0.5;
					filter:alpha(opacity=50);
				}
				
					#gallery li img:hover, #gallery li:hover img
					{
						opacity:1.0;
						filter:alpha(opacity=100);			
					}	
					
					#gallery .active
					{
						opacity:1.0;
						filter:alpha(opacity=100);			
					}
					
			#gallery_image1
			{
				height: 91px; 
				background: url('../images/layout/tabs/tab_1.gif') 0 67px no-repeat;   
			}
			
			#gallery_image2
			{
				height: 91px; 
				background: url('../images/layout/tabs/tab_2.gif') 0 67px no-repeat;   
			}
			
			#gallery_image3
			{
				height: 91px; 
				background: url('../images/layout/tabs/tab_3.gif') 0 67px no-repeat;   
			}
			
			#gallery_image4
			{
				height: 91px; 
				background: url('../images/layout/tabs/tab_4.gif') 0 67px no-repeat;   
			}									
			
			#gallery_image1:hover a, #gallery_image1 a:hover, #gallery_image1:hover, #gallery_image2:hover, #gallery_image3:hover, #gallery_image4:hover
			{
				background-position: 0 41px;	
			}
			
			#galleryinfo
			{
				clear: both;
				list-style-type: none;	
				padding-top: 10px;
			}
			
				#galleryinfo li
				{
					display: none;
					padding-bottom: 10px;
					color: #00c9ff;
					font-size: 8pt;
					background: url('../images/layout/dotted-line-blue.png') bottom left no-repeat;	
				}
				
			.case-study-gallery-padding li
			{
				padding-right: 3px !important;	
			}
					
		/* Tabs */
		
		#tab_wrapper
		{
			margin-top: -20px;		
		}
		
			#tabs
			{
				list-style-type: none;
				height: 24px; 
			}
			
				#tabs li
				{
					float: left;
					padding-right: 3px;
				}
				
					#tab_introduction	
					{
						display: block;
						height: 24px;
						width: 39px;
						background: url('../images/layout/tabs/tab_introduction.png') top left no-repeat;
					}
					
					#tab_features	
					{
						display: block;
						height: 24px;
						width: 56px;
						background: url('../images/layout/tabs/tab_features.png') top left no-repeat;
					}	
					
					#tab_specs	
					{
						display: block;
						height: 24px;
						width: 42px;
						background: url('../images/layout/tabs/tab_specs.png') top left no-repeat;
					}	
					
					#tab_environment	
					{
						display: block;
						height: 24px;
						width: 82px;
						background: url('../images/layout/tabs/tab_environment.png') top left no-repeat;
					}
					
					#tab_moreinfo	
					{
						display: block;
						height: 24px;
						width: 67px;
						background: url('../images/layout/tabs/tab_moreinfo.png') top left no-repeat;
					}					
					
					#tab_brands	
					{
						display: block;
						height: 24px;
						width: 53px;
						background: url('../images/layout/tabs/tab_brands.gif') top left no-repeat;
					}
					
					#tab_installation	
					{
						display: block;
						height: 24px;
						width: 84px;
						background: url('../images/layout/tabs/tab_installation.gif') top left no-repeat;
					}
					
					#tab_manufacturing	
					{
						display: block;
						height: 24px;
						width: 102px;
						background: url('../images/layout/tabs/tab_manufacturing.gif') top left no-repeat;
					}
					
					#tab_design	
					{
						display: block;
						height: 24px;
						width: 52px;
						background: url('../images/layout/tabs/tab_design.gif') top left no-repeat;
					}
					
					#tab_intro	
					{
						display: block;
						height: 24px;
						width: 46px;
						background: url('../images/layout/tabs/tab_intro.png') top left no-repeat;
					}
					
					#tab_precision	
					{
						display: block;
						height: 24px;
						width: 68px;
						background: url('../images/layout/tabs/tab_precision.png') top left no-repeat;
					}
					
					#tab_spacesaver	
					{
						display: block;
						height: 24px;
						width: 77px;
						background: url('../images/layout/tabs/tab_spacesaver.png') top left no-repeat;
					}
					
					#tab_horizon	
					{
						display: block;
						height: 24px;
						width: 62px;
						background: url('../images/layout/tabs/tab_horizon.png') top left no-repeat;
					}	
					
					#tab_vic	
					{
						display: block;
						height: 24px;
						width: 35px;
						background: url('../images/layout/tabs/tab_vic.png') top left no-repeat;
					}	
					
					#tab_nsw	
					{
						display: block;
						height: 24px;
						width: 40px;
						background: url('../images/layout/tabs/tab_nsw.png') top left no-repeat;
					}
					
					#tab_act	
					{
						display: block;
						height: 24px;
						width: 35px;
						background: url('../images/layout/tabs/tab_act.png') top left no-repeat;
					}	
					
					#tab_qld
					{
						display: block;
						height: 24px;
						width: 38px;
						background: url('../images/layout/tabs/tab_qld.png') top left no-repeat;
					}
					
					#tab_sa
					{
						display: block;
						height: 24px;
						width: 30px;
						background: url('../images/layout/tabs/tab_sa.png') top left no-repeat;
					}
					
					#tab_wa
					{
						display: block;
						height: 24px;
						width: 33px;
						background: url('../images/layout/tabs/tab_wa.png') top left no-repeat;
					}	
					
					#tab_tas
					{
						display: block;
						height: 24px;
						width: 33px;
						background: url('../images/layout/tabs/tab_tas.png') top left no-repeat;
					}
					
					
					#tab_gbca
					{
						display: block;
						height: 24px;
						width: 46px;
						background: url('../images/layout/tabs/tab_GBCA.png') top left no-repeat;
					}
					
					
					#tab_geca
					{
						display: block;
						height: 24px;
						width: 46px;
						background: url('../images/layout/tabs/tab_GECA.png') top left no-repeat;
					}	
					
					#tab_iso14001
					{
						display: block;
						height: 24px;
						width: 60px;
						background: url('../images/layout/tabs/tab_ISO14001.png') top left no-repeat;
					}														
					
					#tab_iso9001
					{
						display: block;
						height: 24px;
						width: 56px;
						background: url('../images/layout/tabs/tab_ISO9001.png') top left no-repeat;
					}	  																																																																											
					
					#tab_introduction:hover, #tab_features:hover, #tab_specs:hover, #tab_environment:hover, #tab_moreinfo:hover, #tab_brands:hover, #tab_installation:hover, #tab_manufacturing:hover, #tab_design:hover, #tab_intro:hover, #tab_precision:hover, #tab_spacesaver:hover, #tab_horizon:hover, #tab_vic:hover, #tab_nsw:hover, #tab_act:hover, #tab_qld:hover, #tab_sa:hover, #tab_wa:hover, #tab_tas:hover, #tab_gbca:hover, #tab_geca:hover, #tab_iso14001:hover, #tab_iso9001:hover
					{
						background-position: bottom;
					}
					
					#tabs .active
					{
						background-position: bottom;	
					}					  							
		
		#tab_content_wrapper
		{
			margin-top: 10px;	
		}
		
		#tab_content_wrapper .hide
		{
			display: none;	
		}
		
		/* Search */
		.search-result
		{
			background-color: #1a1a1a;
			height: 87px;
			margin-bottom: 5px;		
		}
		
			.search-result .search-image
			{
				float: left;	
				width: 77px;
				height: 77px;
				margin-top: 5px;
				margin-bottom: 5px;
			}
			
			.search-result .search-description
			{
				margin-left: 15px;
				width: 563px;
				float: right;
				padding-right: 25px;	
				padding-top: 5px;
			}
			
				.search-heading
				{
					display: block;
					color: white;
					text-decoration: none;
					font-weight: bold;
					height: 20px;	
				}
				
				.search-desc-link
				{
					color: white;
					font-weight: bold;
					text-decoration: none;	
				}
				
				.search-breadcrumb
				{
					margin-top: 5px;
					font-size: 9pt;
				}
				
				.search-breadcrumb
				{
					font-style: italic;	
				}
				
				.search-description .yellow
				{
					color: #ffffcc;
				}
				
				.search-description .red
				{
					color: #ffcccc;
				}
				
		/* News */
		.news-result
		{
			margin-bottom: 10px;		
		}
		
			.news-result .news-image
			{
				width: 77px;
				height: 77px;
				margin-top: 5px;
				margin-bottom: 5px;
			}
			
			.news-result .news-description
			{
				width: 270px;
				padding-top: 5px;
				background: url('../images/layout/dotted-line.png') bottom left repeat-x;
				padding-bottom: 10px;
			}
			
				.news-heading
				{
					display: block;
					color: white;
					text-decoration: none;
					font-weight: bold;
					min-height: 20px;	
				}
				
				.news-desc-link
				{
					color: #FF0000 !important;
					font-weight: normal;
					text-decoration: none;
					font-size: 9pt;	
				}
				
					.news-desc-link:hover
					{
						text-decoration: underline;	
					}
				
		#news-previous
		{
			margin-top: 20px;
			float: left;	
		}
		
			#news-previous a
			{
				text-decoration: none;	
				font-size: 9pt;
			}
			
			#news-previous a:hover
			{
				text-decoration: underline;	
			}			
		
		#news-next
		{
			margin-top: 20px;
			float: right;	
		}
		
			#news-next a
			{
				text-decoration: none;	
				font-size: 9pt;
			}	
			
			#news-next a:hover
			{
				text-decoration: underline;	
			}							
												
			
#footer
{
	width: 960px !important;
	margin: auto !important;
	font-size: 7pt;
	margin-top: 20px !important;
	position: relative !important;
}

	#footer a
	{
		text-decoration: none;
		color: white;	
	}
	
	#footer a:hover
	{
		color: #ffffcc
	}	
	
	#footer #call1300
	{
		font-weight: bold;
		float: right;
		width: 185px;	
		font-size: 9pt;
		/*background: url('../images/layout/dotted-line.png') top left repeat-x;  */
		padding-top: 10px;
      margin-top: -12px;
	}	
	
	
/* Typeography */
h1
{
	font-size: 10pt;
	display: block;
	height: 62px;	
	font-family: "Avant Garde", "Century Gothic", arial;
	font-weight: bold;
	width: 190px;
}

#NEWS h1
{
	width: 400px !important;	
}

h2
{
	font-size: 11px;
	color: #FFFFFF;
}

h3
{
	font-size: 10px;
	color: #FFFFFF;	
}

h1.big
{
	margin-left: 2px;
}

a.read-more
{
	text-decoration: none !important;
	color: #ffff00 !important;	
}

a
{
	font-family: "Avant Garde", "Century Gothic", arial;	
}

#content_wrapper li
{
	margin-left: 15px !important; 	
}

.tab_content li
{
	margin-left: 15px !important; 	
}

#gallery li
{
	margin-left: 0px !important;
}

#main a
{
	color: #FFFFFF;
	font-size: 9pt; 
	font-family: arial;
}
	
	
/* Utility Classes */
.left
{
	float: left;	
}

.right
{
	float: right;	
}

.clear
{
	clear:both;	
}

.spacerSmall
{
	padding-top: 8px;	
}

.takeUp
{
	margin-top: -8px;	
}

/* Items */

#find-similar-products
{
	display: block;
	background: url('../images/layout/find-similar-products.png') top left no-repeat;
	width: 183px;
	height: 24px;
	margin-bottom: 20px;
	margin-top: 10px;	
}

#find-relevant-products
{
	display: block;
	background: url('../images/layout/find-relevant-products.png') top left no-repeat;
	width: 183px;
	height: 24px;
	margin-bottom: 20px;
	margin-top: 10px;	
}

#find-geca-products
{
	display: block;
	background: url('../images/layout/find-geca-products.png') top left no-repeat;
	width: 185px;
	height: 25px;
	margin-bottom: 20px;
	margin-top: 10px;	
}

#documents
{
	list-style-type: none;
}
   #documents li
   {
   	margin-bottom: 3px;	
	}
	
		#documents li a
		{
			font-size: 10px;
		}
		
	#documents a.disabled
	{
		color: #888888;
	} 

#matrix
{
	list-style-type: none;	
	width: 528px; 
}

    #matrix li
    {
        background: none;
        height: 171px;
        width: 171px;
        float: left;
        overflow: hidden;
        padding: 0;
        margin: 0;
		  margin-bottom: 5px;
		  margin-right: 5px;
        position: relative;
    }
	
		#matrix li.yellow
		{
			background-color: #ffff00;  	
		}
		
		#matrix li.blue
		{
			background-color: #00c9ff;  	
		}		
	
	.matrix-overlay
	{
		background: url('../images/layout/tabbed_button.png') top left no-repeat;		
		display: block;
		height: 20px;
		width: 161px;
		position: absolute;
		top: 0;
		z-index: 2;
		padding-top: 151px;
		padding-left: 10px;
		color: #FFFFFF !important;
		font-family: arial;
		font-size: 9pt;
		text-decoration: none;
	}
	
		.matrix-overlay:hover
		{
			background: url('../images/layout/tabbed_button.png') bottom left no-repeat;	
			color: #000000 !important; 
		}
		
.user_message
{
	padding: 10px;
	border: 1px dashed #FF0000;
	margin-bottom: 10px;
	width: 310px;	
}

#frmPersonalInfo
{
	margin-top: -30px;	
}

	#frmPersonalInfo input[type="text"], #frmPersonalInfo input[type="password"], #frmPersonalInfo select
	{	
		width: 200px;
	}
	
#subscribe
{
	margin-top: 10px;
	display: none;	
	margin-bottom: 10px;
}
	
	#frmSubscribe label
	{
		font-size: 8pt;
		font-weight: bold;	
	}

	#frmSubscribe input[type="text"]
	{
		width: 175px;
	}

		#frmSubscribe input[type="text"]:focus
		{
			background-color: #F4F4F4;
		}
		
	#frmSubscribe #btn-send
	{
		display: block;
		width: 90px;
		height: 25px;
		background: url('../images/layout/btn-send.png') top left no-repeat;	
		margin-top: 5px;
	}
		
      
.sidebar-newsitem
{
   height: 70px;
   overflow:hidden;
}