/* COMMENTS */
/*border-width: top right bottom left*/

/*
@font-face {
  font-family: 'BlueHighway-Condensed';
  src: url('webfont/BlueHighwayCondensed.eot?#iefix') format('embedded-opentype'),
		  url('webfont/BlueHighwayCondensed.woff') format('woff'),
		  url('webfont/BlueHighwayCondensed.ttf')  format('truetype'),
		  url('webfont/BlueHighwayCondensed.svg#BlueHighwayCondensed') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BlueHighway';
  src: url('webfont/BlueHighway.eot?#iefix') format('embedded-opentype'),
			url('webfont/BlueHighway.woff') format('woff'),
			url('webfont/BlueHighway.ttf')  format('truetype'),
			url('webfont/BlueHighway.svg#BlueHighway') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BlueHighway-Bold';
  src: url('webfont/BlueHighway-Bold.eot?#iefix') format('embedded-opentype'),
			url('webfont/BlueHighway-Bold.woff') format('woff'),
			url('webfont/BlueHighway-Bold.ttf')  format('truetype'),
			url('webfont/BlueHighway-Bold.svg#BlueHighway') format('svg');
  font-weight: normal;
  font-style: normal;
}
*/
@font-face {
  font-family: 'BlueHighway';
  src: url('webfont/blue-highway-rg.woff2') format('woff2'),
		  url('webfont/blue-highway-rg.woff') format('woff'),
		  url('webfont/blue-highway-rg.eot?#iefix') format('embedded-opentype'),
		  url('webfont/blue-highway-rg.ttf')  format('truetype'),
		  url('webfont/blue-highway-rg.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BlueHighway-Condensed';
  src: url('webfont/blue-highway-cd.woff2') format('woff2'),
		  url('webfont/blue-highway-cd.woff') format('woff'),
		  url('webfont/blue-highway-cd.eot?#iefix') format('embedded-opentype'),
		  url('webfont/blue-highway-cd.ttf')  format('truetype'),
		  url('webfont/blue-highway-cd.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BlueHighway-Bold';
  src: url('webfont/blue-highway-bd.woff2') format('woff2'),
		  url('webfont/blue-highway-bd.woff') format('woff'),
		  url('webfont/blue-highway-bd.eot?#iefix') format('embedded-opentype'),
		  url('webfont/blue-highway-bd.ttf')  format('truetype'),
		  url('webfont/blue-highway-bd.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
/*	font-family: seagull, verdana, arial, sans-serif;	*/
	font-family: verdana, arial, sans-serif;
	font-size: 100%;
	color: #000000;
	background-color: #FFFFFF; 
	}

* {margin:0; padding:0;}

body img { border: none; }

.print {
  display: none
  }

div#logo_and_banner {
  float: none;
  font-size: 100%;
  line-height: normal;
  min-width: 820px	 /* images are 100px + 700px + a bit */
  }
#logo_and_banner object {
	border: none;
	padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
  float: left;
  }
#logo_and_banner #banner {
	padding-top: 20px;
  font-size: 250%;
	font-family: BlueHighway-Condensed;
	line-height: 200px;
  height: 200px;
}
#banner {
	padding: 15px 0px 20px 10px; /* top right bottom left*/
  font-size: 500%;
	font-family: BlueHighway-Condensed;
	vertical-align: middle;
	}
#banner img {
	vertical-align: middle;
	}

div#tab_nav {
  float: left;
	padding-left: 150px;
	margin-top: -50px;
  font-size: 100%;
  line-height: normal;
  }
#tab_nav img {
	border: none;
	margin-top: 0px;
  margin-left: 5px;
  margin-right: 5px;
  float: left
  }
#tab_nav ul {
	min-width: 50em;
	margin: 10px 0px 0px 20px;
	padding: 0px 0px 0;
	list-style: none;
  float: left
  }

#tab_nav li {
  float: left;
  background: url("../graphics/tab_left.png") no-repeat left top;
  margin: 0;
  padding: 0 0 0 1px
  }
#tab_nav a {
  float: left;
  display: block;
  padding: 15px 25px 5px 15px;
  text-decoration: none;
  font-size: 1.25em;
  font-family: BlueHighway-Bold, verdana, arial, sans-serif;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tab_nav a {float:none;}
/* End IE5-Mac hack */
#tab_nav a:hover {
  color:#000000
  }

#tab_nav #main_tab a {
  background: url("../graphics/generic_tab.png") right -2px;
  }
#tab_nav #main_tab_sel a, #tab_nav #main_tab a:hover {
  background: url("../graphics/generic_tab.png") right -10px;
/*	color: #888888;	*/
/*	color: black;	*/
  padding-bottom: 5px
  }

div#page_colour {
	width:100%;
	float: left;
  }

div#sub_nav {
	width:100%;
	float: left;
	background: url('../graphics/fade_to_white_t.png') bottom repeat-x;
	margin-bottom: -2px
  }
#sub_nav #blank {
  	height: 3.75em
  }
#sub_nav ul {
	padding-left: 50px;
  list-style: none
  }
div#sub_nav li {
  float: left;
  padding: 0;
  }
div#sub_nav a {
  display: block;
  padding: 5px 10px 5px 10px;
  margin: 15px 15px 0px 15px;
  text-decoration: none;
  font-size: 1.25em;
  font-family: BlueHighway-Bold, verdana, arial, sans-serif;
  font-weight: bold;
  color: #000000;
	background: url('../graphics/fade_to_white_t.png') bottom repeat-x
  }
div#sub_nav a:hover {
  background: white;
/*	color: #888888;	*/
	color: black;
  }
div#sub_nav #sel_sub, div#sub_nav #sel_sub a {
  background: white;
/*	color: #888888;	*/
	color: black;
  padding-bottom: 20px
  }
  
/*border-width: top right bottom left*/

#body_outline {
	float: left;
	width: 100%;
	background-color: white
}
  
div#body_content {
	margin: 10px 100px 10px 100px;
	min-width: 750px
	}
#body_content p {
	padding: 10px 10px 10px 10px
	}
#SmallPrint p {
	padding: 0.2em 10px 0.2em 10px
	}
#body_content q {
	font-size: 0.75em;
	font-style: italic;
	}
#body_content ul {
  list-style: none; /* Remove list bullets */
   margin-left: 0;
   padding-left: 3em;
   text-indent: -1em;
  }
#body_content li:before {
    content: "\0BB"; /* Insert double right arrow */
    padding-right: 1em;
}
#body_content a {
	padding: 1px 3px 1px 3px
  }
#body_content a:hover {
	color: black
	}

#body_bottom {
	width:100%;
	float: left;
	background: url('../graphics/fade_to_white_b.png') top repeat-x;
	height: 55px;
	margin-top: -3px
}

h1 {
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	color: #000000;
	padding-bottom: 0.2em;
	margin: 0.25em 0em 0.5em 0em;
	page-break-before: auto;
	page-break-after: avoid;
	font-family: BlueHighway, verdana, arial, sans-serif
	}
h2 {
	font-size: 1.25em;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	color: #000000;
	margin: 0.5em 0em 0.25em 0em;
	page-break-before: auto;
	page-break-after: avoid;
	}
h3 {
	font-size: 0.75em;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	color: #000000;
	padding: 0.2em 0.75em;
	page-break-before: auto;
	page-break-after: avoid;
	}
.instruction {
	font-size: 0.75em;
	text-align: center;
	font-style: italic
	}
.EmphText {
	font-weight: bold;
	font-size: 1.1em
	}
.ContactDetail {
	font-size: 125%;
	font-weight: bold;
	text-align: center;
	color: blue;
	padding: 0em
	}
  
hr {
		border:none;	
		border-top:1px solid;
/*border-top:1px #FF0000 solid; */
		height: 1px;
		width: 75%;
		margin-top: 1em;
		margin-bottom: 1em;
		margin-left: auto;
		margin-right: auto;
	}

#main_content acronym { border-bottom:thin dashed black }
#main_content abbr { border-bottom:thin dashed black }
#main_content abbr.initialism {speak : spell-out;}

#map {
	width: 650px;
	margin-left: auto;
	margin-right: auto
}

#WeatherLink {
	font-size: 0.75em;
	font-weight: bold;
	text-align: right;
	margin-right: 25px
}

table {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 1em;
}

HR.SearchSeparator {
		width: 30em;
		text-align: center;
		margin-top: 0px;
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto
	}

	
/*	a:link {	  	  	   			*/
/*		color: blue }	  	  	  */
/*	a.search:link {	  	  	  */
/*		color: blue;	  	  	  */
/*		text-decoration: none }	*/
/*	a:visited {	  	  	   		*/
/*		color: purple }	  	  	*/

div#footer {
	float:left;
	width:100%;
	color: #000000
	}
#footer img {
	padding: 0px 10px;
	border-style: none
	}
.FooterComment {
	font-size: 75%;
	text-align: center
	}
.CookieComment {
	font-size: 0.75em;
	text-align: center;
	margin: 0.5em 1.5em;
	padding: 0.5em 1em;
	font-weight: bold;
	font-style: italic;
	background: #E8E8E8;
	-moz-border-radius: 10px;  /* mozilla version */
	-webkit-border-radius: 10px; /* Chrome version */
	border-radius: 10px;  /* true CSS3 version - Opera */
  }
.CopyRight {
	font-size: 75%;
	text-align: center
	}
.LastModified {
	font-size: 10px
	}
.Alert {
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	color: #FF0000
	}
.button {
	font-family: verdana, "Times New Roman", Times, serif;
	font-size: 100%;
	font-weight: bold;
	color: #000000;
	background-color: #CCCCOO
	}
.LoginMessage {
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
	color: red;
	}
.ButtonLft {
  width: 15em;
  margin: 1em auto 1em auto;
  text-align: center;
  background: url("../graphics/fade_to_white_t.png") -1px repeat-x;
}
.ButtonLft a {
  width: 15em;
  background: url("../graphics/fade_to_white_t.png") -1px repeat-x;	/* needed for IE7 & AOL */
  text-decoration: none;
}
#ButtonRht {
  border: none;
  width: 15em;
  background: url("../graphics/fade_to_white_b.png") 1px repeat-x;
  font-family: verdana, arial, sans-serif;
  font-size: 1em;
  font-weight: bold;
  font-variant: small-caps;
  cursor: pointer;
}

#retailers {
    margin: 0 auto;
    text-align: center;
}
#retailers em {
  line-height:1.5em;
  font-weight: bold;
}
a.tooltip img {
  vertical-align: text-top;
  margin: 10px 10px 10px 10px;
  }
	
/* tool tip CSS   */
a.tooltip {
  outline:none;
  text-decoration:none;
}
a.tooltip strong {line-height:1.75em;}
a.tooltip #PadLines {
  padding-top:0.25em;
  padding-bottom:0.25em;
}
a.tooltip:hover {text-decoration: none;} 
a.tooltip span {
  z-index:99;
  display:none;
  padding:10px 10px;
  margin-top:-10px;
  margin-left:-10px;
  line-height:1.2em;
/*    width:300px; line-height:16px;  */
}
a.tooltip:hover span{
  display:inline;
  position:absolute;
  color:#111;
  border:1px solid #DCA;
  background:#fffAF0;
}
.callout {
  z-index:99;
  position:absolute;
  top:30px;
  border:0;
  left:-22px;
  padding:0;
}

/*CSS3 extras*/
a.tooltip span
{
  border-radius:10px;
  box-shadow: 5px 5px 8px #CCC;
}



/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
  content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */
  height: 0;                  /* ensure the period is not visible */
  clear: both;               /* make the container clear the period */
  visibility: hidden;	     /* further ensures the period is not visible */
  }

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */