/*
CSS file for Hongkongpost.com
Author	: Laurence Lim (webmaster)
Date	: Jul 12, 2006
Version	: 1.1
*/

	#delivery {
		width: 515px; 
		height: 375px;
		background: url(../../img/locations/delivery/main.jpg);
		margin: 0;
		padding: 0;
		position: relative;
	}
		#delivery li {
			margin: 0px;
			padding: 0px;
			list-style: none;
			position: absolute; 
		}
		#delivery li, #delivery a {
			height: 90px; 
			display: block;
		}
	
			#deliveryA2 {
				left: 130px; 
				width: 125px;
				top: 5px;
				}
			#deliveryA3 {
				left: 255px; 
				width: 125px;
				top: 5px;
				}
			#deliveryB1 {
				left: 5px; 
				width: 125px;
				top: 95px;
				}
			#deliveryB2 {
				left: 130px; 
				width: 125px;
				top: 95px;
				}
			#deliveryB3 {
				left: 255px; 
				width: 125px;
				top: 95px;
				}
			#deliveryC1 {
				left: 5px; 
				width: 125px;
				top: 185px;
				}
			#deliveryC2 {
				left: 130px; 
				width: 125px;
				top: 185px;
				}
			#deliveryC3 {
				left: 255px; 
				width: 125px;
				top: 185px;
				}
			#deliveryD2 {
				left: 130px; 
				width: 125px;
				top: 275px;
				}
			#deliveryD3 {
				left: 255px; 
				width: 125px;
				top: 275px;
				}
		#deliveryA2 a:hover {
				background: transparent url(../../img/locations/delivery/main.jpg) -130px -380px no-repeat;}
		#deliveryA3 a:hover {
				background: transparent url(../../img/locations/delivery/main.jpg) -255px -380px no-repeat;}
		#deliveryB1 a:hover {
				background: transparent url(../../img/locations/delivery/main.jpg) -5px -470px no-repeat;}
		#deliveryB2 a:hover {
				background: transparent url(../../img/locations/delivery/main.jpg) -130px -470px no-repeat;}
		#deliveryB3 a:hover {
				background: transparent url(../../img/locations/delivery/main.jpg) -255px -470px no-repeat;}
		#deliveryC1 a:hover {
				background: transparent url(../../img/locations/delivery/main.jpg) -5px -560px no-repeat;}
		#deliveryC2 a:hover {
				background: transparent url(../../img/locations/delivery/main.jpg) -130px -560px no-repeat;}
		#deliveryC3 a:hover {
				background: transparent url(../../img/locations/delivery/main.jpg) -255px -560px no-repeat;}
		#deliveryD2 a:hover {
				background: transparent url(../../img/locations/delivery/main.jpg) -130px -650px no-repeat;}
		#deliveryD3 a:hover {
				background: transparent url(../../img/locations/delivery/main.jpg) -255px -650px no-repeat;}
				
		/* for delivery detail */
		#delivery_A2 {
			background: url(../../img/locations/delivery/details/a2.gif) no-repeat;
			width: 500px;
			height: 360px;
			float: none;
		}
		#delivery_A2_ylg {
			display: block;
			margin-left: 220px;
			margin-top: 315px;
			width: 70px;
			height: 20px;
			position:absolute;
		}
		#delivery_A2_swh {
			display: block;
			margin-left: 365px;
			margin-top: 192px;
			width: 80px;
			height: 20px;
			position:absolute;
		}

		#delivery_A3 {
			background: url(../../img/locations/delivery/details/a3.gif) no-repeat;
			width: 500px;
			height: 360px;
			float: none;
		}
		#delivery_A3_tpo {
			display: block;
			margin-left: 165px;
			margin-top: 290px;
			width: 70px;
			height: 20px;
			position:absolute;
		}
		#delivery_A3_swh {
			display: block;
			margin-left: 85px;
			margin-top: 150px;
			width: 75px;
			height: 20px;
			position:absolute;
		}

		#delivery_B1 {
			background: url(../../img/locations/delivery/details/b1.gif) no-repeat;
			width: 500px;
			height: 360px;
			float: none;
		}
		#delivery_B1_ylg {
			display: block;
			margin-left: 395px;
			margin-top: 150px;
			width: 70px;
			height: 20px;
			position:absolute;
		}
		#delivery_B1_tcl {
			display: block;
			margin-left: 365px;
			margin-top: 210px;
			width: 85px;
			height: 20px;
			position:absolute;
		}

		#delivery_B2 {
			background: url(../../img/locations/delivery/details/b2.gif) no-repeat;
			width: 500px;
			height: 360px;
			float: none;
		}
		#delivery_B2_ylg {
			display: block;
			margin-left: 190px;
			margin-top: 20px;
			width: 70px;
			height: 20px;
			position:absolute;
		}
		#delivery_B2_tcl {
			display: block;
			margin-left: 45px;
			margin-top: 195px;
			width: 90px;
			height: 20px;
			position:absolute;
		}
		#delivery_B2_tsw {
			display: block;
			margin-left: 325px;
			margin-top: 220px;
			width: 70px;
			height: 20px;
			position:absolute;
		}
		#delivery_B2_kwc {
			display: block;
			margin-left: 430px;
			margin-top: 230px;
			width: 70px;
			height: 20px;
			position:absolute;
		}

		#delivery_B3 {
			background: url(../../img/locations/delivery/details/b3.gif) no-repeat;
			width: 500px;
			height: 360px;
			float: none;
		}
		#delivery_B3_tpo {
			display: block;
			margin-left: 15px;
			margin-top: 77px;
			width: 70px;
			height: 20px;
			position:absolute;
		}
		#delivery_B3_mos {
			display: block;
			margin-left: 270px;
			margin-top: 155px;
			width: 80px;
			height: 20px;
			position:absolute;
		}
		#delivery_B3_scl {
			display: block;
			margin-left: 190px;
			margin-top: 305px;
			width: 90px;
			height: 20px;
			position:absolute;
		}
		#delivery_B3_skg {
			display: block;
			margin-left: 370px;
			margin-top: 200px;
			width: 70px;
			height: 20px;
			position:absolute;
		}
		
		#delivery_C1 {
			background: url(../../img/locations/delivery/details/c1.gif) no-repeat;
			width: 500px;
			height: 360px;
			float: none;
		}
		#delivery_C1_amc {
			display: block;
			margin-left: 235px;
			margin-top: 182px;
			width: 90px;
			height: 20px;
			position:absolute;
		}
		#delivery_C1_tao {
			display: block;
			margin-left: 110px;
			margin-top: 340px;
			width: 70px;
			height: 20px;
			position:absolute;
		}

		#delivery_C2 {
			background: url(../../img/locations/delivery/details/c2.gif) no-repeat;
			width: 500px;
			height: 360px;
			float: none;
		}
		#delivery_C2_mwo {
			display: block;
			margin-left: 0px;
			margin-top: 300px;
			width: 70px;
			height: 20px;
			position:absolute;
		}
		#delivery_C2_dby {
			display: block;
			margin-left: 50px;
			margin-top: 190px;
			width: 80px;
			height: 20px;
			position:absolute;
		}
		#delivery_C2_pch {
			display: block;
			margin-left: 165px;
			margin-top: 240px;
			width: 40px;
			height: 30px;
			position:absolute;
		}
		#delivery_C2_wfu {
			display: block;
			margin-left: 455px;
			margin-top: 325px;
			width: 45px;
			height: 30px;
			position:absolute;
		}
		#delivery_C2_abd {
			display: block;
			margin-left: 420px;
			margin-top: 282px;
			width: 80px;
			height: 20px;
			position:absolute;
		}
		#delivery_C2_syp {
			display: block;
			margin-left: 420px;
			margin-top: 235px;
			width: 80px;
			height: 20px;
			position:absolute;
		}
		#delivery_C2_tsw {
			display: block;
			margin-left: 430px;
			margin-top: 48px;
			width: 70px;
			height: 20px;
			position:absolute;
		}

		#delivery_C3 {
			background: url(../../img/locations/delivery/details/c3.gif) no-repeat;
			width: 500px;
			height: 360px;
			float: none;
		}
		#delivery_C3_csw {
			display: block;
			margin-left: 30px;
			margin-top: 30px;
			width: 80px;
			height: 20px;
			position:absolute;
		}
		#delivery_C3_kcy {
			display: block;
			margin-left: 175px;
			margin-top: 10px;
			width: 80px;
			height: 20px;
			position:absolute;
		}
		#delivery_C3_skg {
			display: block;
			margin-left: 355px;
			margin-top: 45px;
			width: 45px;
			height: 30px;
			position:absolute;
		}
		#delivery_C3_kcl {
			display: block;
			margin-left: 115px;
			margin-top: 120px;
			width: 60px;
			height: 30px;
			position:absolute;
		}
		#delivery_C3_kea {
			display: block;
			margin-left: 295px;
			margin-top: 135px;
			width: 40px;
			height: 30px;
			position:absolute;
		}
		#delivery_C3_tko {
			display: block;
			margin-left: 385px;
			margin-top: 110px;
			width: 80px;
			height: 20px;
			position:absolute;
		}
		#delivery_C3_tst {
			display: block;
			margin-left: 90px;
			margin-top: 200px;
			width: 40px;
			height: 30px;
			position:absolute;
		}
		#delivery_C3_gpo {
			display: block;
			margin-left: 10px;
			margin-top: 273px;
			width: 55px;
			height: 30px;
			position:absolute;
		}
		#delivery_C3_wch {
			display: block;
			margin-left: 100px;
			margin-top: 295px;
			width: 45px;
			height: 30px;
			position:absolute;
		}
		#delivery_C3_abd {
			display: block;
			margin-left: 10px;
			margin-top: 313px;
			width: 80px;
			height: 20px;
			position:absolute;
		}
		#delivery_C3_edo {
			display: block;
			margin-left: 210px;
			margin-top: 252px;
			width: 45px;
			height: 30px;
			position:absolute;
		}
		#delivery_C3_skn {
			display: block;
			margin-left: 262px;
			margin-top: 305px;
			width: 45px;
			height: 30px;
			position:absolute;
		}

		#delivery_D2 {
			background: url(../../img/locations/delivery/details/d2.gif) no-repeat;
			width: 500px;
			height: 360px;
			float: none;
		}

		#delivery_D2_ccu {
			display: block;
			margin-left: 128px;
			margin-top: 152px;
			width: 45px;
			height: 30px;
			position:absolute;
		}
		#delivery_D2_lma {
			display: block;
			margin-left: 445px;
			margin-top: 190px;
			width: 45px;
			height: 30px;
			position:absolute;
		}

		#delivery_D3 {
			background: url(../../img/locations/delivery/details/d3.gif) no-repeat;
			width: 500px;
			height: 360px;
			float: none;
		}

		#delivery_D3_abd {
			display: block;
			margin-left: 83px;
			margin-top: 38px;
			width: 45px;
			height: 30px;
			position:absolute;
		}
		#delivery_D3_edo {
			display: block;
			margin-left: 285px;
			margin-top: 15px;
			width: 45px;
			height: 30px;
			position:absolute;
		}
		
	table.information {
		width:100%;
		border:0;
	}
	
	table.information th {
		width:8%;
		border:0;
		text-align:left;
		vertical-align:top;
	}
	
	table.information td {
		border:0;
		text-align:left;
		vertical-align:top;
	}
	
	table.detail {
		width: auto;
		border:0;
		}
	
	table.detail td.space {
		border: 0;
		width: 30px;
		}
		
		

