/* Copyright BOC Ltd.
	boc.com - /styles/main.css
   main stylesheet
	Version 1.4 - 28th July 2006
*/

/* defining global settings */
body
{
	background: #4C7094;
	border: 0;
	color: #000000;
	font: 75% Arial, Helvetica, sans-serif;
	height: 98%;
	line-height: 1.3em;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

table{
	font-size: 1em !important;
}

img {
	border: 0;
}

form
{
	padding: 0;
	margin: 0;
}

#wrapper {
	background-color: #FFFFFF;
	height: 100%;
	margin: 10px auto 0px;
	text-align: left;
	width: 770px;
}

p {
	margin: 0em 0 0.5em;
	padding: 0;
}

.noMargin {
	margin: 0;	
}

/*top left page corner image*/
.tl {
	float: left;
}

/*top right page corner image*/
.tr {
	float: right;
}

#header {
	clear: both;
	background: #FFFFFF;
}

#headerTop{
	background: url(/images/bkd_top.gif) no-repeat top left;
	width: 100%;
	height: 5px;
	display: block;
	margin-top: 0;
	margin-bottom: 0;
}

#header h1 {
	margin: 0px;
}

/*BOC Logo*/
#primaryBrand{
	float: left;
	padding: 0;
	margin: 0;
}

#primaryBrand h1{
	margin: 10px 0 6px 12px;
}

/*top right navigation*/
#tools{
	clear: right;
	color: #919999;
	float: right;
	font-size: 0.9em;
	margin: 0 8px 8px 0;
	text-align: right;
}	

/* Search within header.inc */
#search {
	clear:right;
	float: right;
	margin-right: 8px;
	margin-bottom: 4px;
	text-align: right;
}

#search form {
	width: 350px;
}

#search input{
	vertical-align: middle;
	width: 100px;
}

#search label{
	margin-top: 3px;
	padding-right: 2px;
	text-align: right;
	vertical-align: middle;
	display: inline;
}

.contentPad{
	padding: 5px 5px 0px 5px;
}

.contentPad{
	padding: 5px 5px 0px 5px;
}

.contentPad li	{
	list-style: disc outside;
	margin-left: 0px;
	padding-left: 0px;
	vertical-align: middle;
}

.contentPad ul{
	margin: .5em 0;
	margin-left: 10px;
	padding: 0;
	padding-left: 10px;
}
		
/* YOUR COUNTRY box container */
#yourCountry 
{
   background: url(/images/img_corner_red.gif) no-repeat top left;
	background-color: #4C7094;
	margin: 0px;
	padding: 0px;
	width:160px;

	/*margin-bottom: 8px;*/
}

.changeCountry {
/*	padding-bottom: 8px;*/
	padding-left: 11px;
	margin-bottom: 8px;

}

/* Country displayed within YOUR COUNTRY box*/
#yourCountryHead {
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: bold;
	padding: 0px 0px 5px 10px;
}

/* BOC in...hyperlink within YOUR COUNTRY box */
#yourCountryLink {
	background: #4C7094;
	/*border-bottom: 3px solid #194775; */
	padding: 2px 0px 2px 5px;
}


a.yourCountryLink:hover, a.yourCountryLink:link, a.yourCountryLink:visited {
	color: #FFFFFF;
	font-size: 90%;
	text-decoration: underline;
	vertical-align: middle;
}

/* YOUR COUNTRY or YOUR ZONE text */
#yourCountryTitle {
	color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 2px 0px 4px 10px;
}

.sectionHeader {
	background: url(/images/bkd_header.jpg) #194775 no-repeat;
	color: #FFFFFF;
	font-size: 1.0em;
	font-weight: bold;
	height: 23px;
	padding-left: 10px;

}
.sectionHeader h2  {
	color: #FFFFFF;
	font-size: 1.0em;
	font-weight: bold;
	margin: 0;
	padding-top: 2px;
}

#footer {
	clear: both;
	color: #999999;
	font-size: 0.9em;
	padding: 10px;
	text-align: center;
}


/*top-level global navigation*/
.blueNavSection 	{ background: url(/images/bkd_globalNavBlueSection.jpg) repeat-x; }
.blueNavEnd     	{ background: url(/images/bkd_globalNavEnd.jpg) no-repeat; }
.redNav  		{ background: url(/images/bkd_globalNavRed.jpg) repeat-x; }
.blueNav 		{ background: url(/images/bkd_globalNavBlue.jpg) no-repeat; }
.redBlueSeparator 	{ background: url(/images/bkd_globalNavRedBlueSeperator.jpg) no-repeat; width: 23px; }
.blueSeparator  	{ background: url(/images/bkd_globalNavBlueSeperator.jpg) no-repeat; width: 23px; }

/*
.globalNavInner 	{ margin: 0 10px 0px 10px; color: #ffffff}
.globalNavInner a 	{ text-decoration: none; }
.globalNavInner a:hover { text-decoration: underline; }
*/

.redNav, .blueNav, .redBlueSeparator, .blueSeparator, .blueNavSection, .blueNavEnd
			{ border: 0; padding: 0; margin: 0; float: left; height: 22px; }

.blueNav, .blueSeparator, .blueNavSection, .blueNavEnd 
			{ background-color: #374582;  }

.redNav, .redBlueSeparator
			{ background-color: #ff0000; }

.redNav 		{ padding: 0 10px 0 20px; }
.blueNav 		{ padding: 0 10px 0 0px; }

.blueNav a		{margin: 0 0 0 5px}


.redNav img { margin: 5px 0 0 -10px; float: left; }
.blueNav img { margin: 5px 0 0 -3px; float: left; }

#globalNavList {
	clear: both;
 	padding: 0;
	margin: 0;
	height: 22px;  
 	font-size: 1em; font-weight: bold; 
	background: url(/images/bkd_globalNavBlueSection.jpg) ; 
}

#globalNavList ul 	{ list-style: none; }
#globalNavList li 	{ display: inline; }
#globalNavList a	{ color: #FFFFFF; text-decoration: none; }
#globalNavList a:hover  { color: #FFFFFF; text-decoration: underline; }

#breadcrumbs{
	color: #4C7094;
	font-size: 0.9em;
	padding-bottom: 5px;
	float: left;
}

#main {
    clear: both;
    padding: 0 0 0 8px;
    background: #FFFFFF;
    float: left;
}

h1 {
	color: #CC0000;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0 10px 0;
	clear: both;
}

h1, h2, h3, h4{
	font-family: Arial, Helvetica, sans-serif;
}

h2{
	color: #CC0000;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px 5px 5px 0px;
	padding: 15px 0 0px 0;
}

h2 .normal{
	color: #000000;
	font-weight: normal;
}

h3 {
	color: #000000;
	font-size: 1.1em;
	font-weight: bold;
	margin: 10px 5px 2px 0px;
	padding: 0;
}


.safetydata {
	background: #E8F0F7;
	border-bottom: 3px solid #CCD6E0;
	border-top: 3px solid #003366;
	margin-top: -2px;
	margin-bottom: 20px;
	padding: 5px 5px 0px 5px;
}

.safetydata li	{
	list-style: disc outside;
	margin-left: 0px;
	padding-left: 0px;
	vertical-align: middle;
}

.safetydata ul{
	margin: .5em 0;
	margin-left: 10px;
	padding: 0;
	padding-left: 10px;
}

#rhstrip
{
	background: #4C7094;
	height: 100%;
	margin: 5px auto 0px;
	text-align: left;
	width: 170px;
	float: right;
	
	
	
    /*display: table;*/

}

.rhstripinsert {
    margin-left: 10px;
}

#rhstripcurve
{
	width: 100%; 
	background: #ffffff; 
	height: 6px;
	
}

#thispage
{
	margin-top: 10px;
	padding: 5px;
	border: 2px solid #CCD6E0;
}

#thispage p
{
	
}

#thispage li 
{
	
}