@font-face {
	font-family: "DeliciousRoman";
	src: url(fonts/Delicious-Roman.otf) format("opentype");
}

@font-face {
	font-family: "FrutigerLTStd-BoldCn";
	src: url(fonts/Frutiger-LT-Std/FrutigerLTStd-BoldCn.otf) format("opentype");
}

@font-face {
	font-family: "FrutigerLTStd-Cn";
	src: url(fonts/Frutiger-LT-Std/FrutigerLTStd-Cn.otf) format("opentype");
}


@font-face {
	font-family: "DeliciousBold";
	src: url(fonts/Delicious-Bold.otf) format("opentype");
}

.tempnav {
margin-left:5px;

}

.contentBorder {
  border: 6px solid #F0F0F0;
  }

.basemainBorder {
  border: 6px solid #FFFFFF;
  }

div.padded {
  padding: 20px;
}

.productElement {
  font-family: Tahoma, sans-serif;
  font-size: 11px;
  float: left;
  width:170px;
  color: #696969;
  }

p.footnote {
  color: #aaaaaa;
  font-size: smaller;
}

p.caption {
  ffont-style: italic;
  bbackground-color:#fdfdfd;
  border-top: 1px solid #e0e0e0;
  margin: 20px 0px 20px 0px;
  padding: 8px 30px 10px 30px;
  border-bottom: 1px solid #e0e0e0;
}

p.note {
  color: #f00000;
  bbackground-color:#f8f000;
  font-style: italic;
  border: 1px dotted #f00000;
  padding: 10px;
}

p.justify {
  text-align: justify;
}

.hilite {
  bbackground: #fefe90;
}

.searchRelated {

  color: green;
  font-size: 10px;

}

.searchDetails {
  float: left;
}

.searchPaging {
  float:right;
}

.searchResult {
  clear: both;
  border-bottom:1px solid silver;
}

img.sideNavImg1 {
  height: 23px;
  width: 139px;
  float: left;
  margin-left:13px;

}

img.sideNavImg2 {
  height: 21px;
  width: 139px;
  float: left;
  margin-left:13px;

}

img.sideNavBrk {
  height: 1px;
  width: 139px;
  float: left;
  margin-left:13px;

}

.signinButton a { 
  display:block; 
  width:52px; 
  height:31px;
  background-position: 0px 31px; 
  background-image: url("../images/navglobal/signin-u.gif"); 
}

.signinButton a:hover { 
  background-position: 0px 0px; 
}

.searchPgLink {
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  padding: 0px 4px 0px 4px;
  margin: 1px;
}

.searchPgLinkSelected {
  text-decoration: none;
  background-color: #f0f0f0;
  border: 1px solid #e0e0e0;
  padding: 0px 4px 0px 4px;
  margin: 1px;
}

.searchPgLink:hover {
  text-decoration: none !important;
  background-color: #f0f0f0;
  border: 1px solid #e0e0e0;
  padding: 0px 4px 0px 4px;
  margin: 1px;
}

.searchPgItem {
  float: left;
  margin-left: 3px;
}



body {
  vertical-align: top;
  font-family : "Tahoma", "Lucida Grande", "Lucida Sans Unicode", Verdana, Heletica, Arial, sans-serif;
  font-size : 11px;
  margin:0px 0px 0px 0px;
  color: #444444;
  line-height: 16px;
  font-weight: normal;
  width:730px;
}

#globalNavContainer {
  float: right;
}

#globalNavContainer div.globalNavImg {
  float: left;
  margin:0px;
  padding:0px;
  cursor:pointer;
  padding:0px 5px 0px 0px;
}

#topNavContainer div.topNavImg {
	color:#999999;
	float:left;
	font-family:"FrutigerLTStd-Cn","Arial Narrow",Helvetica,Arial,sans-serif;
	font-size:15px;
	font-weight:normal !important;
	margin:0;
	padding:0px 45px 0 5px;
}

#topNavContainer div.topNavImg:hover, .topNavSelected {
  color:#0089CF !important;
}

div.topNavImg a {
	color: #999999;
	text-decoration: none !important;
}
		

#sideNavItem {
	padding:5px 0px 5px 20px;
	font-family:Tahoma,Helvetica,Arial,sans-serif;
	width:139px;
	font-size:11px;
}

#sideNavItem a {
	color: #999999;
	text-decoration: none !important;
}

.sideNavLevel2 {
  padding-left:30px !important;
}

.sideNavSelected {
  color:#0089CF !important;
}

img {
  border: 0px;
  margin: 0px;
}

img.line {
  display:block;
  height:1px;
}

img.custLogo {
  float: left;
  width: 80px;
  height: 80px;
  margin: 5px 10px 20px 0px;
}


table {
  font-size : 11px;
  border-collapse:collapse;
  border-spacing:0px;
  border-style: hidden;
  padding: 0px;
  border: 0px solid #e0e0e0;
  empty-cells: show;
  margin: 10px 0 10px 0px;

}

.featurelist td {
border-top: 1px solid #e0e0e0;
}

table.featurelist {
border-bottom: 1px solid #e0e0e0 !important;
}

td {
  vertical-align: top;
  padding: 0px;
  border-style: hidden;
  border: 0px solid #e0e0e0;
}

tr {
  padding: 0px;
  border-style: hidden;
  border: 0px solid #e0e0e0;
}



div.heading {
  text-width:0px;
  font-family: Arial, sans-serif;
  font-size: 21px;
  margin:0px 0px 16px 0px;
  font-weight: normal;
  color: #303030;
  letter-spacing: -1px;
  }

h1 {
  text-width:0px;
  font-family: "DeliciousRoman", Helvetica, Arial, sans-serif;
  font-size: 19px;
  margin:0px 0px 25px 0px;
  font-weight: normal;
  color: #000000;
  letter-spacing: 0px;
  }

h2 {
  font-family: "FrutigerLTStd-BoldCn",Helvetica,Arial,sans-serif;/*"DeliciousRoman", Helvetica, Arial, sans-serif*/
  margin:2px 0px 18px 0px;
  font-size: 18px;
  font-weight: normal;/*bolder*/
  color: #303030;
  letter-spacing: 0px;
  }

#h3 {
#  font-family: "FrutigerLTStd-BoldCn",Helvetica,Arial,sans-serif;/*"DeliciousRoman", Helvetica, Arial, sans-serif*/
#  margin:10px 0px 6px 0px;
#  font-size: 14px;
#  font-weight: bold;
#  color: #7e7e7e;
#  letter-spacing: -1px;
#  }


##h4 {
#  font-family: Tahoma,Helvetica,Arial,sans-serif;/*"DeliciousRoman", Helvetica, Arial, sans-serif*/
#  margin:5px 0px 2px 0px;
#  font-size: 12px;
#  xfont-weight: bold;
#  color: #535353;
#  }

h3 {
	color:#535353;
	font-family:"FrutigerLTStd-Cn","Arial Narrow",Helvetica,Arial,sans-serif;
	font-size:15px;
	font-weight:normal;
	line-height:1.2;
	margin:5px 0px 16px 0px;
}

.brandcolour {
color: #0089CF;
}

h4 {
  xxfont-family: Tahoma, Arial, sans-serif;
  margin: 3px 0px 3px 0px;
  font-size: 12px;
  font-weight: bold;
  color: #0089CF;/*#737373*/
  padding: 0px;
  }

h5 {
	color:#737373;
	font-size:11px;
	font-weight:bold;
	margin:3px 0;
	padding:0;
}

.byline h4 {
  color: #7e7e7e !important;
  font-size:14px;
  font-weight: normal;
}

.infoBar {
  float: right;
  width:166px;
  hheight: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.infoContainer {
  width: 166px;
  margin-bottom: 4px;
}

p   {
margin:3px 0 12px;
padding:0;
  #padding:0px 0px 0px 0px;
  #margin: 3px 0px 12px 0px;
  line-height: 1.6;
}


p.byline {
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #f00000;
}

div.byline {
  padding-bottom: 5px;
}

.quotation {

  padding: 6px;
  background-color: #f8f8f8;
  border: 1px solid #d0d0d0;
}

/* ----------- list items        */

ul {
  list-style: square;
  padding:0px 0px 0px 0px;
  margin: 0px 0px 12px 1.5em;

}

/*Higherlevel list*/
ul li {
  xlist-style-image:url(../images/email/images/i-bullet-arrow.gif);
  list-style-image:url(../images/frmat/arrow-01.gif);
}
/*Sublevel list*/
li ul li {
  xlist-style-image:url(../images/email/images/i-bullet-arrow.gif);
  list-style-image:url(../images/frmat/arrow-02.gif);
}

li {
  padding:0px 0px 0px 0px;
  margin: 0px 0px 0px 10px;
  line-height: 1.6;
}

hr {
  width: auto;
  height: 1px;
  border: 1px solid #e0e0e0;
}

/* ----------- a hrefs           */

a {
  color: #0089CF;
  text-decoration: none;
}

a:visited {
  color: #0089CF;
  text-decoration: none;
}

a:hover {
  text-decoration: underline !important;
}

a.footer {
  color: #808080 !important;
  text-decoration: none;
}

a.footer:hover {
  color: #08080 !important;
  text-decoration: none;
}

a.homelink {
  color: #ffffff !important;
}


/* ----------- form elements           */

form {
  margin: 0px;
  padding:0px;
}

textarea {
  font-family: Tahoma, sans-serif;
  font-size: 11px;
  margin:4px 4px 4px 4px;
  color: #696969;
  overflow: auto;
}

select {
  font-family: Tahoma, sans-serif;
  font-size: 11px;
  margin:4px 4px 4px 4px;
  color: #696969;
}

input {
  font-family: Tahoma, sans-serif;
  font-size: 11px;
  margin:4px 4px 4px 4px;
  color: #696969;
}

input.search, input.field, textarea.field, input.checkbox {
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  background-color:#f8f8f8;
  padding: 2px;
}

input.searchbutton {
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  border-top: 1px solid #d0d0d0;
  border-left: 1px solid #d0d0d0;
  background-color:#ffffff;
  padding: 2px;
}

/* ----------- table cells           */

td.tl01 { background: url(../images/frmat/tl01.gif) no-repeat left top; padding:0px; border:none;}
td.tl02 { background: url(../images/frmat/tl02.gif) repeat-x left top;   padding:0px; border:none;}
td.tm01 { background: url(../images/frmat/tm01.gif) no-repeat left top;  padding:0px; border:none;}
td.tr01 { background: url(../images/frmat/tr01.gif) no-repeat left top;  padding:0px; border:none;}
td.bd02 { background: url(../images/frmat/bd02.gif) repeat-x left top;   padding:0px; border:none;}

td.ml01 { background: url(../images/frmat/ml01.gif) repeat-y left top;   padding:0px; border:none;}
td.bd01 { background: url(../images/frmat/bd01.gif) repeat-x left top;   padding:0px; border:none;}
td.mr01 { background: url(../images/frmat/mr01.gif) repeat-y left top;   padding:0px; border:none;}

td.bl01 { background: url(../images/frmat/bl01.gif) no-repeat left top;  padding:0px; border:none;}
td.bm01 { background: url(../images/frmat/bm01.gif) repeat-x left top;   padding:0px; border:none;}
td.br01 { background: url(../images/frmat/br01.gif) no-repeat left top;  padding:0px; border:none;}

.fieldname {
  padding-right: 20px;
  color: #0089CF !important;
  vertical-align: middle;
}


/* ----------- pads           */

.padsml {
  padding-top: 3;
  padding-left: 0;
  padding-bottom: 3;
}

.padbig {
  padding-top: 8;
  padding-left: 0;
  padding-bottom: 8;
}

* html .padindent {            /* add padding for IE browers (the actual element) */
  padding-left: 8px;
  xxxbackground-color: #f0ffff; 
}

.padindent > * {          /* add padding for Mozilla browers (all children elements) and hide from IE5 */
  font-family: "\"}\"";
  font-family: inherit;
  xxxbackground-color: #fff0ff;
  padding-left: 8px;
}

* html .padleading {            /* add padding for IE browers (the actual element) */
  padding-right: 12px;
  xxxbackground-color: #f0ffff; 
}

.padleading > * {          /* add padding for Mozilla browers (all children elements) and hide from IE5 */
  font-family: "\"}\"";
  font-family: inherit;
  xxxbackground-color: #fff0ff;
  padding-right: 12px;
}

/* ----------- body floats         */

.clearfloat {
 clear: both;
 line-height: 0;
 height: 0;
 width:100%
}

.bodyLeft {
  width: 365px;
  float: left;
}

.bodyHalf {
  float: left;
  width:277px;
  XXborder-bottom: 1px solid orange;
}

.bodyFull {
  float: left;
  width: 554px;
  XXborder-bottom: 1px solid yellow;
}

.bodyThird {
  float: left;
  width:184.5px;
  XXborder-bottom: 1px solid blue;
}

.bodyTwoThird {
  float: left;
  width:368px;
  XXborder-bottom: 1px solid purple;
}


.bodyClear {
  clear: both;
   line-height: 0;
   height: 0;
   width:100%
   height: 1px;
   XXborder: 1px dotted silver;
}

.bodyBreak {
  height: 1px;
  overflow: hidden;
  width: 100%;
  border-top: 1px solid #e0e0e0;
  clear: both;
  margin: 0px;
  padding: 0px;
}

/* ----------- body colors         */

.crap {
  background-color: #dddddd;
  border-bottom: 1px solid white;
  border-right: 1px solid white;
}

.contentFull {
width:730px !important;
}
.contentPadded {
width:554px !important;
padding-left: 173px;
}

.contentNoNav {
padding-left: 173px;
}
.invisible {
  display: none !important;
}

.padtop{
padding-top:10px;
}
.padbottom{
padding-top:10px;
}
.cursor{
cursor:pointer;
}

#diagram-features-sml {
margin-top: 15px;
margin-bottom: 20px;
}
#baseFooter a.textA {
  color: #A0A0A0 !important;
  text-decoration: none !important;
}
