/*-----------------------------------------------------------------------------
[UPS Systems] 2009 UPDATED Screen Stylesheet

date:      03/07/09
author:    []
email:     [info AT c9dd DOT com]
website:   [http://www.c9dd.com/]


Colours used:	#DFE6E7  -  Blue	 	- Background 
				#333333  -  Dark Grey	- Body Copy
				#9FB4BA  -  Light Blue	- Borders
				#134B60  -  Dark Blue	- Telopone numbers
				#FFFFFF  -  White
				#4FA500  -  Green

-----------------------------------------------------------------------------*/

#wrapper {
	background:	#FFFFFF url(../images/ups-logo-updated.png) no-repeat scroll 0.5em 0;
	}

	.logoNav {
		display: block;
		margin-top: 0.5em;
		}
		
		.logoNav a {
			font-size: 10px !important; 
			}
			
	.strapline {
		font-family: "Trebuchet MS"; 
		font-size: 2.5em;
		line-height: 2.5em;
		margin-top: -0.5em;
		color: #134B60; 
		font-weight: normal;
		text-transform: uppercase;
		}		
	
	
	#contactNav {
		display: none;
		}
		
	#nav {
		margin-top: -5em;
		}
	
		.menu {
			width: 43.5em !important;
			margin-right: -3.5em;
				}
			
		
		ul.last-drop-down {
			margin-left: -12.3em !important;
			}
				
			ul.last-drop-down a {
				text-align: right !important;
				}
			
	#contentarea {
		margin-top: 2.5em !important;
		}		
		
		.rolloverImages a {
			display: block;
			float: left;
			display: inline;
			margin-bottom: 1em;
			} 
		
		
		#leftColumn {
			}
		
			#leftColumn h1 {
				display: none;
				}
				
			#leftColumn h6 {
				font-size: 1.6em;
				color: #134B5F;
				margin: 0.5em 0;
				}	
				
			#banner1 {
				}
				
			#banner2 {
				}
				
			#banner3 {
				}
				
			#banner4 {
				}
				
			#banner1,
			#banner2,
			#banner3,
			#banner4 {
				height: 7em;
				background: url(../images/side-bar-buttons-bg.png) repeat-x 0 0;
				margin: 0 0 0.5em 0;
				}
				
			#banner1:hover,
			#banner2:hover,
			#banner3:hover,
			#banner4:hover {
				background: url(../images/side-bar-buttons-bg-hover.png) repeat-x 0 0;
				}	
				
				#banner1 a, 
				#banner2 a, 
				#banner3 a, 
				#banner4 a {
					height: 4.8em !important;
					width: 12.5em !important;
					margin: 0;
					cursor: pointer !important;
					}			
		
					#banner1 a span,
					#banner2 a span,
					#banner3 a span,
					#banner4 a span {
						display: none!important;
						}
						
						#banner1 a:hover span,
						#banner2 a:hover span,
						#banner3 a:hover span,
						#banner4 a:hover span {
							display: block!important;
							margin-top: 0.7em;
							color: #666;
							}
						
		
			#side-bar-flexible-space {
				margin-top: 2em;
				}
				
		#container {
			min-height: 58.7em;
			}	
			
			#additions {
				background-color: #DFE6E7;
				border: 1px solid #134B60;
				float: left;
				padding: 1em 1em 0;
				margin-bottom: 2em;
				width: 47em;
				
				/* optional rounded corners for browsers that support it */ 
				-moz-border-radius-topright: 1em;
				-moz-border-radius-bottomleft: 1em;
				
				-khtml-border-top-right-radius: 1em;
				-khtml-border-bottom-left-radius: 1em;
				
				-webkit-border-top-right-radius: 1em;
				-webkit-border-bottom-left-radius: 1em;
				
				border-top-right-radius: 1em;
				border-bottom-left-radius: 1em;
				}
			
				#additions div {
					width: 14.3em;
					float: left;
					}
					
					#additions h3 {
						font-size: 1.2em;
						color: #134B60;
						}
					
					
					#additions ul {
						list-style: none;
						}
						
						#additions ul li {
							margin: 0.5em 0 1em;
							}
							
						#additions #col3 ul li {
							margin: 0 0 1em 0;
							}
							
							#additions #col3 ul li:last-child {
								margin: 0;
								}	
						
				#additions div#col2 {
					margin: 0 2em;
					}	
					
					
	.home-header-link1,
	.home-header-link2,
	.home-header-link3 {
		width: 140px;
		height:  155px;
		display:  block;
		}
		
	.home-header-link2 {
		width: 199px;
		display:  block;
		}	
		
	.home-header-link1 {
		background: transparent url(../images/home-page/header-001.jpg) no-repeat top left;
		}
		
		.home-header-link1:hover {
			background: transparent url(../images/home-page/header-001.jpg) no-repeat bottom left;
			}				
					
	.home-header-link2 {
		background: transparent url(../images/home-page/header-002.jpg) no-repeat top left;
		}	
		
		.home-header-link2:hover {
			background: transparent url(../images/home-page/header-002.jpg) no-repeat bottom left;
			}				

	.home-header-link3 {
		background: transparent url(../images/home-page/header-003.jpg) no-repeat top left;
		}				
		
		.home-header-link3:hover {
			background: transparent url(../images/home-page/header-003.jpg) no-repeat bottom left;
			}				
					
	
	/* IE 8 HACKS */
	
	/* IE 7 HACKS */
	
	.logoNav ul {
		display: block!important;
		}
		
	/*#nav {
		.margin-top: 0;
		}*/
		
		.menu {
			.margin-right: -1em;
				}

		#contentarea #pageContent #nav .menu ul.last-drop-down {
			.margin-left: -12em;
			}
			
		#pageContentHeader {
			.width: 50em!important;
			margin-top: 3em !important;
			}
			
			#banner1,
			#banner2,
			#banner3,
			#banner4 {
				.margin: 0 0 0.5em 0!important;
				}
				
				#banner1 a, 
				#banner2 a, 
				#banner3 a, 
				#banner4 a {
					.margin: 0.5em 0 0 0;
					}
								
		#container {
			.min-height: 45em;
			}	
			
	.home-header-link1,
	.home-header-link2,
	.home-header-link3 {
		.height:  153px !important;
		}
		
	.home-header-link1:hover,
	.home-header-link2:hover,
	.home-header-link3:hover {
		.background-position: 0 -155px !important;
		}