@media screen{
	/***********************************************/
	/* HTML tag styles                             */
	/***********************************************/
	body {
		background-image: url(bkmain.jpg);
		background-repeat: repeat-y;
		color: #000000;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		background-position: left;
		background-color: #D3DEFA;
	}
	
	/******* hyperlink and anchor tag styles *******/
	
	a:visited, a:link {
		color: #2E0798;
		font-weight: bold;
		text-decoration: none;
	}
	
	a:active, a:hover {
		color: #666666;
		font-weight: bold;
		text-decoration: underline;
	}
	
	/************** header tag styles **************/
	
	h1 {
		background-color: #84A4E1;
		border-bottom-width: 3px;
		border-color: #2F0599;
		border-left-width: 0px;
		border-right-width: 0px;
		border-style: solid;
		border-top-width: 3px;
		color: #000000;
		font-size: 14px;
		font-weight: bold;
		letter-spacing: 2px;
		padding-bottom: 3px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 3px;
		text-decoration: none;
		text-indent: 5pt;
		text-transform: capitalize;
	}
	
	h2 {
		color: #000033;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 1px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 2px;
		text-decoration: none;
		text-transform: capitalize;
	}
	
	h3{
	 font: bold 100% Georgia,sans-serif;
	 color: #34039A;
	 margin: 0px;
	 padding: 0px;
	}
	
	h4{
	 font: 100% Georgia,sans-serif;
	 color: #333333;
	 margin: 0px;
	 padding: 0px;
	}
	
	h5{
	 font: 100% Georgia,sans-serif;
	 color: #334d55;
	 margin: 0px;
	 padding: 0px;
	}
	
	p, td {
		color: #000000;
		font-family: Georgia, Helvetica, sans-serif;
		font-size: 14px;
	}
	/*************** list tag styles ***************/
	
	ul{
	 list-style-type: square;
	}
	
	ul ul{
	 list-style-type: disc;
	}
	
	ul ul ul{
	 list-style-type: none;
	}
	
	/********* form and related tag styles *********/
	
	form {
		margin: 0;
		padding: 0;
	}
	
	label{
	 font: bold 1em Georgia,sans-serif;
	 color: #000033;
	}
					
	input{
	font-family: Georgia,sans-serif;
	}
	
	/***********************************************/
	/* Layout Divs                                 */
	/***********************************************/
	#pagecell1{
		position:absolute;
		top: 116px;
		left: 0px;
		right: 0%;
		width:100%;
		background-image: url(bkcontent1.jpg);
		background-position: left top;
		background-repeat: no-repeat;
	}
	
	#tl {
		position:absolute;
		top: -1px;
		left: -1px;
		margin: 0px;
		padding: 0px;
		z-index: 100;
	}
	
	#tr {
		position:absolute;
		top: -1px;
		right: -1px;
		margin: 0px;
		padding: 0px;
		z-index: 100;
	}
	
	#masthead{
		position: absolute;
		top: 0px;
		left: 0%;
		right: 0%;
		width:100%;
		height: 116px;
		background-repeat: repeat-x;
		background-image: url(bkheader.jpg);
	}
	
	#mastheadImg {
	
		position: absolute;
		top: 0px;
		left: 0%;
		right: 0%;
		width:100%;
		background-image: url(header.jpg);
		height: 116px;
		background-repeat: no-repeat;
	}
	
	#pageNav{
		float: left;
		width:180px;
		padding-left: 8px;
	}
	
	#content{
		padding: 2px 10px 0px 2%;
		margin:0px 0px 0px 250px;
	}
	
	#content img{
		padding:0px;
		border:solid 8px white;
		margin:10px;
	}
	
	/***********************************************/
	/* Component Divs                              */
	/***********************************************/
	#pageName{
		margin: 0px;
		padding: 16px 0px 8px 10px;
		font-weight: bold;
	}
	
	#pageName h2{
		color: #000000;
		border: 0px;
	}
	
	/************** pageName styles ****************/
	
	#siteName{
		padding: 0px 0px 0px 10px;
		text-align: center;
		top: 53px;
		width: 70%;
		margin-left: 100px;
		background-image: url(headerText.jpg);
		background-repeat: no-repeat;
		background-position:center;
		height: 55px;
		position: absolute;
		left: 194px;
	}
	
	#siteName h2{
		font: bold 175% Georgia,sans-serif;
		color: #000000;
		margin:0px;
		padding: 0px;
	}
	
	#siteName img{
		position: absolute;
		top: 39px;
		right: 6px;
		padding: 0px;
		margin: 0px;
		left: 110px;
		width: auto;
	}
	
	/*********************************/
	#hongKongTime {
		position: absolute;
                color: #FFFFFF;
		font-weight: bold;
		text-align: right;
		vertical-align: text-top;
		top: 5px;
		float: left;
		width: 25%;
	}

        #topRightHeader, #topRightHeader a:visited, #topRightHeader a:link{
		text-decoration: none;
		position: absolute;
		right: 6px;
		color: #FFFFFF;
		font-weight: bold;
		text-align: right;
		vertical-align: text-top;
		top: 5px;
		float: right;
                width: 150px;
		/*width: 87%;*/
	}
	
        #shoppingcart {
		position: absolute;
		color: #FFFFFF;
		font-weight: bold;
		text-align: right;
		vertical-align: text-top;
		top: 5px;
		float: right;
		width: 87%;
	}
	/************* globalNav styles ****************/
	
	#globalNav{
	position: relative;
	width: 100%;
	min-width: 640px;
	height: 32px;
	color: #cccccc;
	padding: 0px;
	margin: 0px;
	background-image:  url(glbnav_background.gif);
	}
	
	#globalNav img{
		margin-bottom: -4px;
	 
	}
	
	#gnl {
		position: absolute;
		top: 0px;
		left:0px;
	}
	
	#gnr {
		position: absolute;
		top: 0px;
		right:0px;
	}
	
	#globalLink{
		position: absolute;
		top: 6px;
		height: 22px;
		min-width: 640px;
		padding: 0px;
		margin: 0px;
		left: 10px;
		z-index: 100;
	}
	
	
	a.glink, a.glink:visited{
		font-size: small;
		color: #000000;
		font-weight: bold;
		margin: 0px;
		padding: 2px 5px 4px 5px;
		border-right: 1px solid #8FB8BC;
	}
	
	a.glink:hover{
		background-image:  url(glblnav_selected.gif);
		text-decoration: none;
	}
	
	.skipLinks {display: none;}
	
	/************ subglobalNav styles **************/
	
	.subglobalNav{
		left: 0px;
		min-width: 640px;
		visibility: hidden;
		color: #ffffff;
		width: 165px;
		padding-left: 10px;
	}
	
	.subglobalNav a:link, .subglobalNav a:visited {
		font-size: 80%;
		color: #ffffff;
	}
	
	.subglobalNav a:hover{
		color: #cccccc;
	}
	
	/************ subglobalNav styles **************/
	
	.btcontent1, .btcontent2 {
		background-image: url(bkcontent1.jpg);
		background-position: left top;
		background-repeat: no-repeat;
		color: #000000;
	}
	
	.btheader {
		background-image: url(bkheader.jpg);
		background-repeat: repeat-x;
	}
	
	.btinfobox {
		border: #2F0599 solid;
		border-width: 4px 0px 4px 0px;
		color: #000000;
		margin-right: 7px;
		margin-left: 2px;
	}
	
	.btsubtitles {
		color: #000000;
		font-style: italic;
		font-weight: bold;
		letter-spacing: 1px;
		text-align: center;
		text-decoration: none;
	}
	/*************** search styles *****************/
	
	#search{
		position: absolute;
		top: 5px;
		right: 10px;
		z-index: 101;
	}
	
	#search input{
	  font-size: 70%;
	  margin: 0px  0px 0px 10px;
	 }
	 
	#search a:link, #search a:visited {
		font-size: 80%;
		font-weight: bold;
		
	}
	
	#search a:hover{
		margin: 0px;
	}
	
	
	/************* breadCrumb styles ***************/
	
	#breadCrumb{
		padding: 5px 0px 5px 10px;
		font: small Verdana,sans-serif;
		color: #FFFFFF;
		font-size: 12px;
	}
	
	#breadCrumb a{
		color: #FFFFFF;
	}
	
	#breadCrumb a:hover{
		color: #CCCCCC;
		text-decoration: underline;
	}
	
	
	/************** feature styles *****************/
	
	.feature{
		padding: 0px 0px 10px 10px;
		font-size: 80%;
		min-height: 200px;
		height: 200px;
	}
	html>body .feature {height: auto;}
	
	.feature h3{
		font: bold 175% Georgia,sans-serif;
		color: #000000;
		padding: 30px 0px 5px 0px;
	}
	
	.feature img{
		float: left;
		padding: 0px 10px 0px 0px;
	}
	
	
	/*************** story styles ******************/
	
	.story {
		padding: 10px 0px 0px 10px;
		font-size: 80%;
	}
	
	.story h3{
		font: bold 125% Georgia,sans-serif;
		color: #000000;
	}
	
	.story p {
		padding: 0px 0px 10px 0px;
	}
	
	.story a.capsule{
		font: bold 1em Georgia,sans-serif;
		color: #2F0197;
		display:block;
		padding-bottom: 5px;
	}
	
	.story a.capsule:hover{
		text-decoration: underline;
	}
	
	td.storyLeft{
		padding-right: 12px;
	}
	
	
	/************** siteInfo styles ****************/
	
	#siteInfo{
		clear: both;
		font-size: x-small;
		vertical-align: middle;
		color: #cccccc;
		background-image: url(bkfooter.jpg);
		background-repeat: repeat-x;
		padding-top: 5px;
		margin-left: 195px;
		padding-left: 5px;
	}
	
	#siteInfoImage {
		clear: both;
		font-size: x-small;
		vertical-align: middle;
		color: #cccccc;
		background-repeat: no-repeat;
		padding-top: 0px;
		background-image: url(footer.jpg);
	}
	
	/************ sectionLinks styles **************/
	
	#sectionLinks{
		margin: 0px;
		padding: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:110%;
	}
	
	#sectionLinks h3{
		padding: 0px 0px 0px 0px;
		border-bottom: 1px solid #cccccc;
	}
	/* original...
	#sectionLinks a:link, #sectionLinks a:visited {
		display: block;
		color: #000000;
		padding-bottom: 2px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 2px;
		text-align: center;
	}
	*/
	
	#sectionLinks a:link, #sectionLinks a:visited {
		display: block;
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #cccccc;
		font-weight: bold;
		padding: 3px 0px 3px 10px;
		color: #000000;
		text-decoration:none
	}
	
	#sectionLinks a:hover{
		border-top: 1px solid #cccccc;
		background-color: #DDEEFF;
		background-image: none;
		font-weight: bold;
		text-decoration: none;
	}
	
	#sectionLinks td {
		border: solid;
		border-color: #DEAF81 #DEAF81 #A25D33;
		border-width: 1px 1px 3px;
	}
	/************* relatedLinks styles **************/
	
	.relatedLinks{
		color: #000000;
		margin: 0px;
		padding: 0px 0px 10px 10px;
		border-bottom: 1px solid;
		border-top: 1px solid;
		border-color: #2D058A;
	}
	
	.relatedLinks h3{
		padding: 10px 0px 2px 0px;
	}
	
	.relatedLinks a{
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		color: #000000;
		text-decoration:none;
	}
	.relatedLinks a:hover{
		text-decoration:underline;
	}
	/**************** advert styles *****************/
	
	#advert{
		padding: 10px;
	}
	
	#advert img{
		display: block;
	}
	/**************** blog styles *****************/
	div.blogPost {
	}
	
	div.blogComments {
		background-color:#CCCCCC;
		border-width: 1px 3px 3px 1px;
		border-style: solid;
		border-color:#000000;
		background-color: #CCCCCC;
		margin-left: 20px;
		margin-right: 20px;
		padding-left: 4px;
		padding-right: 2px;
		margin-top: 5px;
	}
	
	div.blogByline {
		font-family: Arial, Helvetica, sans-serif;
		/* float: right;
		text-align: right; */
	}
	
	.indented {
		border-style: solid;
		border-color:#000000;
		background-color: #CCCCCC;
		margin-left: 20px;
		margin-right: 20px;
		padding-left: 4px;
		padding-right: 2px;
		margin-top: 5px;
		border-width: 1px 3px 3px 1px;
	}
	
	.indentedWhite {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 90%;
		margin-left: 20px;
		margin-right: 20px;
		padding-left: 4px;
		padding-right: 2px;
		margin-top: 5px;
	}

	#tpblogSiteName {
		padding: 0px 0px 0px 10px;
		text-align: center;
		top: 30px;
		width: 70%;
		margin-left: 100px;
		background-image: url(headerText.jpg);
		background-repeat: no-repeat;
		background-position:center;
		height: 55px;
		position: absolute;
		left: 194px;
	}
}

@media print{
/********************* Hide Navigation Components for Print **********************/
	#navbar-iframe {
              height:0px;
              visibility:hidden;
              display:none;
        }

        #pagecell1{
		visibility: collapse;
		clear:both;		
		position:absolute;
		top: 0px;
	}
	#masthead{
		display:none;
	}

	#pageNav{
		visibility:hidden;
		display:none;
	}
	#sectionLinks{
		visibility:hidden;
	}

	.btheader {
		display: none;
	}
	
	.btinfobox {
		display: none;
	}
	
	.btsubtitles {
		display: none;
	}
	.relatedLinks{
		display: none;
	}
	#advert{
		visibility:hidden;
	}
	h1 {
		background-color: #84A4E1;
		border-bottom-width: 3px;
		border-color: #2F0599;
		border-left-width: 0px;
		border-right-width: 0px;
		border-style: solid;
		border-top-width: 3px;
		color: #000000;
		font-size: 14px;
		font-weight: bold;
		letter-spacing: 2px;
		padding-bottom: 3px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 3px;
		text-decoration: none;
		text-indent: 5pt;
		text-transform: capitalize;
	}
	h2 {
		color: #000033;
		font-size: 14px;
		font-weight: bold;
		letter-spacing: 1px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 6px;
		text-decoration: none;
		text-transform: capitalize;
	}
}
/********************* end **********************/