/*
CSS file for Hongkongpost.com
Author	: Laurence Lim (webmaster)
Date	: Jul 12, 2006
Version	: 1.1

CSS hireachy
----body
----img
----container
--------clfHeader
------------clfHeader img
------------clfLogoHkpost
------------clfLogoBrandHk
--------clfNavigation
------------clfNavigationLeft
------------clfNavigationRight
----------------clfNavigationRight form
----------------clfNavigationRight p
----------------clfNavigationRight label
----------------clfNavigationRight input
--------clfMainBody
------------clfSideBar
----------------clfMenu
--------------------clfMenu ul
--------------------clfMenu li a
--------------------clfMenu li a:hover
--------------------clfMenu ul li ul
--------------------clfMenu ul li ul li a
--------------------clfMenu ul li ul li a:hover
--------------------clfMenu a currentTab
----------------promotionIcons
--------------------promotionIcons a
------------clfContent
----------------clfContent h1 title
----------------clfContent p textLargePurple
----------------clfContent p textNormalPurple
----------------clfContent p textSmallPurple
----------------clfContent p textLargeGreen
----------------clfContent p textNormalGreen
----------------clfContent p textSmallGreen
----------------clfContent p textLargeBlue
----------------clfContent p textNormalBlue
----------------clfContent p textSmallBlue
----------------clfContent p textLargeRed
----------------clfContent p textNormalRed
----------------clfContent p textSmallRed
--------clfFooter
------------clfFooterLeft
------------clfFooterRight
[bug fix section]
----ieFix
*/

body {
	background: white;
	}

img {
	border: 0;
}

.bg {
	background: url(../../img/bg.gif) no-repeat;
}

#container {
	min-width: 768px;
}

	#clfHeader {
		background-image: url(../../img/header/bg_header.gif);
		height: 65px;
		display:none;
	}

	#clfHeader img {
		display: none;
	}

		#clfLogoHkpost {
			float: left;
			display:none;
		}

		#clfLogoBrandHk {
			float: right;
			display: none;
		}

	#clfNavigation {
		background: url(../../img/header/bg_nav.gif) repeat-x;
		height: 22px;
		margin-bottom: 2px;
		display: none;
	}

		#clfNavigationLeft {
			float: left;
			height: 20px;
		}

		#clfNavigationRight {
			float: right;
			height: 20px;
		}

			#clfNavigationRight form {
				margin: 0;
			}

			#clfNavigationRight p {
				margin: 0;
			}

			#clfNavigationRight label {
				display: none;
			}

			#clfNavigationRight input {
				font-size: 80%;
				height: 12px;
				margin-bottom: 5px;
				width: 100px;
			}

	#clfMainBody {
		margin-bottom: 5px;
	}

		#clfSideBar {
			float: left;
			margin: 0;
			width: 160px;
			display: none;
		}
		
			#clfMenu {
				margin-bottom: 5px;
				font-size: 100%;
				font-weight: bold;
				display: none;
			}
		
				#clfMenu ul {
					height: 1%;
					list-style: none;
					margin: 0;
					padding: 0;
					display: none;
				}

				#clfMenu li a {
					background-color: #DDEEFF;
					border-bottom: 1px solid #99CCFF;
					border-right: 1px solid #2266BB; 
					border-top: 1px solid #F6F6FF; 
					color: #000066;
					display: none;
					height: 1%;
					padding: 4px;
					text-decoration: none;
				}
		
				#clfMenu li a:hover {
					background-color: #008260;
					border-top: 1px solid #000000; 
					border-right: 1px solid #FFFFFF; 
					border-bottom: 1px solid #FFFFFF; 
					color: #FFFFFF; 
					display: none;
				}

				#clfMenu ul li ul {
					height: 1%;
					list-style: none;
					margin: 0;
					padding: 0;
					display: none;
				}

				#clfMenu ul li ul li a {
					background-color: #F7F7FF;
					border-bottom: 1px solid #99CCFF;
					border-right: 1px solid #2266BB; 
					border-top: 1px solid #F6F6FF; 
					color: #006644; 
					display: none;
					height: 1%;
					padding: 4px 4px 4px 10px;
					text-decoration: none;
				}

				#clfMenu ul li ul li a:hover {
					background-color: #008260;
					border-top: 1px solid #000000; 
					border-right: 1px solid #FFFFFF; 
					border-bottom: 1px solid #FFFFFF; 
					color: #FFFFFF; 
				}

				#clfMenu a.currentTab {
					background-color: #432683;
					border-top: 1px solid #000000; 
					border-right: 1px solid #FFFFFF; 
					border-bottom: 1px solid #FFFFFF; 
					color: #FFFFFF;
				}

			#promotionIcons {
				text-align: center;
			}
		
				#promotionIcons a {
					display: block;
					margin: 2px;
				}
		
				#promotionIcons p {
					margin: 0px;
				}
		
		#clfContent {
		width: auto; 
		margin: 0 5%;
		padding: 0; 
		border: 0;
		float: left;
		color: black; 
		background: transparent;

		}
	
			h1.title {
				background: url(../../img/title/bg_title.gif) no-repeat bottom left;
				background-color: transparent;
				border-bottom: 2px solid #CCCCCC;
				color: #008260;
				font-size: 100%;
				line-height: 30px;
				margin: 0 0 30px 0;
				padding: 30px 0 0 30px;
				/*display: none;*/
			}

			hr {
				color: #CCCCCC;
				background-color: transparent;
			}

			ul.index li {
				margin-bottom: 15px;
				padding: 0;
			}

			ol.lowerAlpha {
				list-style: lower-alpha;
			}

			ol.upperAlpha {
				list-style: upper-alpha;
			}

			ol.lowerRoman {
				list-style: lower-roman;
			}

			ol.upperRoman {
				list-style: upper-roman;
			}

			a.goBack {
				font-size: 80%;
				padding: 5px;
			}

			a:hover.goBack {
				background-color: #FFFFCC;
				padding: 5px;
			}

			.imgAlignLeft {
				float: left;
				margin: 0 5px 0 0;
			}

			.imgAlignRight {
				float: right;
				margin: 0 0 0 5px;
			}

			.textAlignLeft {
				text-align: left;
			}

			.textAlignCenter {
				text-align: center;
			}

			.textAlignRight {
				text-align: right;
			}

			.textCaption {
				font-size: 85%;
			}

			.textLargeBlack {
				color: #000000;
				font-size: 120%;
				font-weight: bold;
			}

			.textNormalBlack {
				color: #000000;
				font-size: 100%;
				font-weight: bold;
			}

			.textSmallBlack {
				color: #000000;
				font-size: 80%;
				font-weight: normal;
			}

			.textLargePurple {
				color: #432683;
				background-color: transparent;
				font-size: 120%;
				font-weight: bold;
			}

			.textNormalPurple {
				color: #432683;
				background-color: transparent;
				font-size: 100%;
				font-weight: bold;
			}

			.textSmallPurple {
				color: #432683;
				background-color: transparent;
				font-size: 80%;
				font-weight: normal;
			}

			.textLargeGreen {
				color: #008260;
				background-color: transparent;
				font-size: 120%;
				font-weight: bold;
			}

			.textNormalGreen {
				color: #008260;
				background-color: transparent;
				font-size: 100%;
				font-weight: bold;
			}

			.textSmallGreen {
				color: #008260;
				background-color: transparent;
				font-size: 80%;
				font-weight: normal;
			}

			.textLargeBlue {
				color: #0000AA;
				font-size: 120%;
				font-weight: bold;
			}

			.textNormalBlue {
				color: #0000AA;
				font-size: 100%;
				font-weight: bold;
			}

			.textSmallBlue {
				color: #0000AA;
				font-size: 80%;
				font-weight: normal;
			}

			.textLargeRed {
				color: #FF0000;
				font-size: 120%;
				font-weight: bold;
			}

			.textNormalRed {
				color: #FF0000;
				font-size: 100%;
				font-weight: bold;
			}

			.textSmallRed {
				color: #FF0000;
				font-size: 80%;
				font-weight: normal;
			}
			
			.easyPrint {
				display: none;
				text-align: right;
				vertical-align:middle;
			}
			
			.easyPrintLink {
				display: block;
				text-align: right;
				vertical-align: middle;
			}

	#clfFooter {
		border-top: 1px dashed #888888;
		clear: both;
		font-size: 80%;
		margin-left: 0px;
		padding: 2px;
	}

		#clfFooterLeft {
			float: left;
		}

		#clfFooterRight {
			float: Right;
		}

#ePDelivery {
		width: 515px;
		height: 375px;
		margin: 0;
		padding: 0;
		position: relative;
		display: block;
		}

		
	#delivery {
		width: 515px; 
		height: 375px;
		background: url(../../img/locations/delivery/main.jpg);
		margin: 0;
		padding: 0;
		position: relative;
		display: none;
	}
	
	#delivery_A2 {
		display: none;
	}
	
	#delivery_A3 {
		display: none;
	}
	
	#delivery_B1 {
		display: none;
	}
			
	#delivery_B2 {
		display: none;
	}
			
	#delivery_B3 {
		display: none;
	}
			
	#delivery_C1 {
		display: none;
	}
			
	#delivery_C2 {
		display: none;
	}
	
	#delivery_C3 {
		display: none;
	}
	
	#delivery_D2 {
		display: none;
	}
	
	#delivery_D3 {
		display: none;
	}
	
	#orgChart {
		width: 615px; 
		height: 435px;
		margin: 0;
		padding: 0;
		position: relative;
		display:block;
	}
	
	#image_map{
		float:none;
		display:none;
	} 


	

/* Bug fix for IE/Win */

/* Hides from IE5-mac \*/
* html .ieFix {
	height: 1%;
}
/* End hide from IE5-mac */