body {
 scrollbar-highlight-color: #FFFFFF;
 scrollbar-shadow-color: #666666;
 scrollbar-arrow-color: #6699CC;
 scrollbar-base-color: #DDDDDD;
 scrollbar-shadow-color: #CCCCCC;
 margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px;
 padding: 0px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

.PageTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	color: #B43D31;
}
.topbuttons {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-align: right;
}
.bottomLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

#boldol {
font-weight: bold;
margin-left: 20; padding-left: 8;
}
#closerul {
margin-left: 14; padding-left: 8px; indent: -4px;
}
.whitediv {
 font-size: 2px;
 height: 4px;
 padding: 0px;
 background-image: url('http://www.petro-canada.ca/images_misc/white.gif');
 background-color: #FFFFFF;
 line-height: 4px;
}
.leftnavtop {
 background-image: url('/images/leftnavtop.gif');
 height: 32px;
 vertical-align: middle;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 12px;
 color: #FFFFFF;
 text-align: center;
 padding-left: 8px;
 padding-right: 8px;
 }
.leftnavbg {
 background-image: url('http://www.petro-canada.ca/images_misc/leftnavbg.gif');
 padding-left: 2px;
 padding-right: 3px;
}
.searchbox { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 11px; 
 color: #333333; 
 background-color: #EFEFEF; 
 border-color: #000000; 
 border-top: 1px solid; border-bottom: 1px solid; border-left: 1px solid; border-right: 1px solid; 
 width: 100px;
}
.formstyle { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 12px; 
 color: #666666; 
 background-color: #FFFFFF
}
.topspacer { 
 font-family: Courier New, Courier, mono, serif; 
 font-size: 5px
}
.pageheader-db { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 28px; 
 color: #336699; 
 font-weight: normal
}
.pageheader-mb { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 18px; 
 color: #6699CC; 
 font-weight: normal
}
.pageheader-mb A:link { 
 color: #6699CC; 
 text-decoration: none;
}
.pageheader-mb A:hover { 
 color: #6699CC; 
 text-decoration: underline;
}
.pageheader-mb A:visited { 
 color: #6699CC; 
 text-decoration: none;
}
.tablink { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-weight: bold; 
 font-size: 9px; 
 color: #FFFFFF
}
.tablink A:link { 
 color: #FFFFFF; 
 text-decoration: none
}
.tablink A:hover { 
 color: #FFFFFF; 
 text-decoration: underline
}
.tablink A:visited { 
 color: #FFFFFF; 
 text-decoration: none
}
.tablinkcurrent {  
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-weight: bold; 
 font-size: 9px; 
 color: #FFFFFF; 
 text-decoration: underline;
}
.tablinkcurrent A:link { 
 color: #FFFFFF; 
 text-decoration: underline;
}
.tablinkcurrent A:hover { 
 color: #FFFFFF; 
 text-decoration: underline;
}
.tablinkcurrent A:visited { 
 color: #FFFFFF; 
 text-decoration: underline;
}
.toplinks { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px; 
 color: #336699; 
 font-weight: bold; 
 text-decoration: none
}
.toplinks A:link { 
 color: #336699; 
 text-decoration: none
}
.toplinks A:hover { 
 color: #336699; 
 text-decoration: underline
}
.toplinks A:visited { 
 color: #336699; 
 text-decoration: none
}
.footer { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px; 
 color: #FFFFFF; 
 font-weight: bold; 
 text-decoration: none
}
.footer A:link { 
 color: #FFFFFF; 
 text-decoration: none
}
.footer A:hover { 
 color: #FFFFFF; 
 text-decoration: underline
}
.footer A:visited { 
 color: #FFFFFF; 
 text-decoration: none
}
.bodytext { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 12px; 
 color: #333333
}
.bodytext A:link { 
 color: #336699; 
 text-decoration: underline; 
}
.bodytext A:hover { 
 color: #6699CC; 
 text-decoration: underline; 
}
.bodytext A:visited { 
 color: #660099; 
 text-decoration: underline; 
}
.bodytext-s { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px; 
 color: #333333
}
.bodytext-s A:link { 
 color: #336699; 
 text-decoration: underline; 
}
.bodytext-s A:hover { 
 color: #6699CC; 
 text-decoration: underline; 
}
.bodytext-s A:visited { 
 color: #660099; 
 text-decoration: underline; 
}
.bodytext-b { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 12px; 
 font-weight: bold;
 color: #333333
}
.bodytext-b A:link { 
 color: #336699; 
 text-decoration: underline; 
}
.bodytext-b A:hover { 
 color: #6699CC; 
 text-decoration: underline; 
}
.bodytext-b A:visited { 
 color: #660099; 
 text-decoration: underline; 
}
.whitetext { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 12px; 
 color: #FFFFFF
}
.whitetext A:link { 
 color: #FFFFFF; 
 font-weight: bold
}
.whitetext A:hover { 
 color: #FFFFFF
}
.whitetext A:visited { 
 color: #FFFFFF
}
.whitetext-s {  
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px; 
 color: #FFFFFF
}
.whitetext-s A:link { 
 color: #FFFFFF; 
 font-weight: bold
}
.whitetext-s A:hover { 
 color: #FFFFFF
}
.whitetext-s A:visited { 
 color: #FFFFFF; 
 text-decoration: none; 
 font-weight: bold
}
.bodytitle { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 14px; 
 color: #336699; 
 font-weight: bold
}
.bodytitle A:link { 
 color: #336699
}
.bodytitle A:hover { 
 color: #6699CC; 
 text-decoration: underline
}
.bodytitle A:visited { 
 color: #660099
}
.lightbodytitle {  
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 14px; 
 color: #6699CC; 
 font-weight: bold
}
.lightbodytitle A:link { 
 color: #6699CC
}
.lightbodytitle A:hover { 
 color: #89B8E6; 
 text-decoration: underline
}
.lightbodytitle A:visited { 
 color: #660099; 
 text-decoration: none
}
.bluebold { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 12px; 
 font-weight: bold; 
 color: #336699
}
.bluebold A:link { 
 color: #336699 
}
.bluebold A:hover { 
 color: #6699CC 
}
.bluebold A:visited { 
 color: #660099 
}
.searchtitle {  
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 12px; 
 font-weight: bold; 
 color: #CC0000
}
.searchtitle A:link {
 color: #CC0000; 
 text-decoration: none
}
.searchtitle A:hover { 
 color: #CC0000; 
 text-decoration: underline
}
.searchtitle A:visited { 
 color: #CC0000; 
 text-decoration: none; 
 font-weight: bold
}
.bluebold-s { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px; 
 font-weight: bold; 
 color: #336699
}
.bluebold-s A:link { 
 color: #336699; 
 text-decoration: underline
}
.bluebold-s A:hover { 
 color: #6699CC; 
 text-decoration: underline
}
.bluebold-s A:visited { 
 color: #660099; 
 text-decoration: underline
}
.redtext-s { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px; 
 color: #CC0000
}
.redtext-s A:link { 
 color: #CC0000; 
 text-decoration: none
}
.redtext-s A:hover { 
 color: #CC0000; 
 text-decoration: underline
}
.redtext-s A:visited { 
 color: #CC0000; 
 text-decoration: none
}
.bluetext-s {  
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px; 
 color: #336699
}
.bluetext-s A:link { 
 color: #336699; 
 text-decoration: none
}
.bluetext-s A:hover { 
 color: #6699CC; 
 text-decoration: underline
}
.bluetext-s A:visited { 
 color: #660099; 
 text-decoration: none
}
.crumbstyle { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px; 
 font-weight: bold; 
 color: #336699
}
.crumbstyle A:link { 
 color: #336699; 
 text-decoration: none
}
.crumbstyle A:hover { 
 color: #6699CC; 
 text-decoration: underline
}
.crumbstyle A:visited { 
 color: #336699; 
 text-decoration: none
}
.lightbluebold { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 12px; 
 font-weight: bold; 
 color: #6699CC
}
.lightbluebold A:link { 
 color: #6699CC; 
 text-decoration: none
}
.lightbluebold A:hover { 
 color: #89B8E6; 
 text-decoration: underline
}
.lightbluebold A:visited { 
 color: #660099; 
 text-decoration: none
}
.lightbluebold-s { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px; 
 font-weight: bold; 
 color: #6699CC
}
.lightbluebold-s A:link { 
 color: #6699CC; 
 text-decoration: underline
}
.lightbluebold-s A:hover { 
 color: #89B8E6; 
 text-decoration: underline
}
.lightbluebold-s A:visited { 
 color: #660099; 
 text-decoration: underline
}
.tabtitle { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 12px; 
 color: #FFFFFF; 
 font-weight: bold
}
.tabtitle A:link { 
 color: #FFFFFF; 
 text-decoration: none
}
.tabtitle A:hover { 
 color: #FFFFFF; 
 text-decoration: underline
}
.tabtitle A:visited { 
 color: #FFFFFF; 
 text-decoration: none
}
.tabtitlesmall { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px; 
 color: #FFFFFF;
}
.tabtitlesmall A:link { 
 color: #FFFFFF
}
.tabtitlesmall A:hover { 
 color: #FFFFFF
}
.tabtitlesmall A:visited { 
 color: #FFFFFF
}
.sidebar { 
 font-family: Verdana,Arial, Helvetica, sans-serif; 
 font-size: 10px; 
 font-weight: bold; 
 color: #336699; 
 text-decoration: underline
}
.sidebar A:link { 
 color: #336699; 
 text-decoration: underline
}
.sidebar A:visited { 
 color: #336699; 
 text-decoration: underline
}
.sidebar A:hover { 
 color: #336699; 
 text-decoration: underline
}
.reddot { 
 font-family: Verdana,Arial,Helvetica,sans-serif; 
 font-size: 10px; 
 color: #0000BF
}
.leftnavtable { 
 border-collapse:collapse;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 width: 140px;
 border-spacing: 0px;
}
li {
 list-style-image: url('http://www.petro-canada.ca/images_misc/red-bullet.gif');
}
ol li {
list-style-image: none;
}
ul li {
 list-style-image: url('http://www.petro-canada.ca/images_misc/red-bullet.gif');
}
ul ul li {
 list-style-image: url('http://www.petro-canada.ca/images_misc/red-bullet.gif');
}
ul ul ul li {
 list-style-image: url('http://www.petro-canada.ca/images_misc/red-bullet-smsm.gif');
}
li span {
 font-weight: normal;
 color: #333333;
}
form {
 margin: 0px; 
 padding: 0px;
}
.infotable {
 background-color: #A5A8B6;
}
.tableheader {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #333333;
 background-color: #F7F8FB;
 height: 23px;
 text-align: center;
 vertical-align: middle;
}
.tableheader-s {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #333333;
 background-color: #F7F8FB;
 height: 23px;
 text-align: center;
 vertical-align: middle;
}
.bluetitlelong {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #FFFFFF;
 background-image: url('http://www.petro-canada.ca/images_misc/bluetitl-long.gif');
 background-repeat: no-repeat;
 padding-left: 6px;
 vertical-align: middle;
 height: 21px;
}
.bluetitlemed {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #FFFFFF;
 background-image: url('http://www.petro-canada.ca/images_misc/bluetitl-med.gif');
 background-repeat: no-repeat;
 padding-left: 6px;
 vertical-align: middle;
 height: 21px;
}
.bluetitlemed-s {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #FFFFFF;
 background-image: url('http://www.petro-canada.ca/images_misc/bluetitl-med.gif');
 background-repeat: no-repeat;
 padding-left: 6px;
 vertical-align: middle;
 height: 21px;
}
.bluetitlemed-s-fr {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #FFFFFF;
 background-image: url('http://www.petro-canada.ca/images_misc/bluetitl-med-tall.gif');
 background-repeat: no-repeat;
 padding-left: 6px;
 vertical-align: middle;
 height: 21px;
}
.bluetitledark {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #FFFFFF;
 background-image: url('http://www.petro-canada.ca/images_misc/dkbluetitl-wide.gif');
 background-repeat: no-repeat;
 padding-left: 6px;
 vertical-align: middle;
 height: 21px;
}
.bluetitledarklong {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #FFFFFF;
 background-image: url('http://www.petro-canada.ca/images_misc/titlebar-585-dkblue.gif');
 background-repeat: no-repeat;
 padding-left: 6px;
 vertical-align: middle;
 height: 21px;
}
.bluetitlelightlong {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #FFFFFF;
 background-image: url('http://www.petro-canada.ca/images_misc/titlebar-585-ltblue.gif');
 background-repeat: no-repeat;
 padding-left: 6px;
 vertical-align: middle;
}
.bluetitlelightlong A:link { 
 color: #FFFFFF;
 text-decoration: none
}
.bluetitlelightlong A:hover { 
 color: #FFFFFF;
 text-decoration: none
}
.bluetitlelightlong A:visited { 
 color: #FFFFFF;
 text-decoration: none
}
.locationtable {
 background-color: #A5A8B6;
 margin-top: -2px;
 margin-left: 0px;
 border-top: 2px solid  #FFFFFF;
}
.bluetitleshort {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #FFFFFF;
 background-image: url('http://www.petro-canada.ca/images_misc/bluetitl-short.gif');
 background-repeat: no-repeat;
 padding-right: 4px;
 padding-left: 6px;
 height: 21px;
}
.charttextwhite-s {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #333333;
 background-color: #FFFFFF;
 text-align: center;
}
.charttextwhite {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #666666;
 background-color: #FFFFFF;
 text-align: center;
}
.invbullet1 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #333333;
 padding-left: 20px;
 background-image: url('http://www.petro-canada.ca/images_misc/invbullet1.gif');
}
 
.invbullet2 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #333333;
 padding-left: 35px;
 background-image: url('http://www.petro-canada.ca/images_misc/invbullet2.gif');
}
.invbullet1big {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #333333;
 padding-left: 20px;
 background-image: url('http://www.petro-canada.ca/images_misc/invbullet1.gif');
}
 
.invbullet2big {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #333333;
 padding-left: 35px;
 background-image: url('http://www.petro-canada.ca/images_misc/invbullet2.gif');
}
.darkbluebodytitlewithbar{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
 color: #FFFFFF;
 text-decoration: none;
background-image: url('http://www.petro-canada.ca/images_misc/dkbluetitl-389.gif');
padding-left: 6px;
font-weight: bold;
}
.lightbluebodytitlewithbar{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
 color: #FFFFFF;
 text-decoration: none;
background-image: url('http://www.petro-canada.ca/images_misc/lightbluebar-291.gif');
padding-left: 6px;
font-weight: bold;
}
.sectionOverviewBodyTitle{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
text-decoration: none;
background-image: url('http://www.petro-canada.ca/images_misc/sectionOverviewBodyTitle.gif');
padding-left: 6px;
font-weight: bold;
}
.sectionOverviewBodyTitle-fr{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
text-decoration: none;
background-image: url('http://www.petro-canada.ca/images_misc/sectionOverviewBodyTitle-fr.gif');
padding-left: 6px;
font-weight: bold;
}
.darkbluebodytitleshortbar{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 vertical-align: middle;
 font-size: 14px;
 color: #FFFFFF;
 text-decoration: none;
 background-image: url('http://www.petro-canada.ca/images_misc/dkbluetitl-192.gif');
 padding-left: 6px;
 font-weight: bold;
 width: 192px;
 height: 21px;
}