/* commented backslash mac hiding \*/
html, body{height:100%;}
/* end hack */

/* ------ Overide Tags -----------------------------------------------------------------------------------------------------------------------------*/
p{
	font: 12px arial, helvetica, sans-serif;
	line-height : 15px;
	padding-left: 10px;
	padding-right: 10px;
}
p.feature {
	padding:10px;
	margin:20px 10px 0px 290px
	}

h1, h2, h3, h4  {
	margin:0 0 1em 0;
	padding: 0px 10px 0;
	text-align:center;
}
#left h2{padding-top:20px;}

h1, h2 {
		color: #00006e;
		}
h1 {font-variant: small-caps;
		font-weight: bolder;
		}
#left h1 {
			background-color: #abb0be;
			}			
#right h1 {
			color: #00006e;
			}
h4 {
	margin-top: 0px;
	padding-top: 0px;
}
.sidenav-left {
	color: #4B3B26;
	list-style: none;
	margin:0px;
	padding:0;
	line-height : 18px;
	display:block;
	text-align:left;
 }

 .sidenav-left a {
	color: #4B3B26;
	text-decoration: underline;
	margin:0px;
	display:block;
	}
	/* mac hide\*/
	.sidenav-left a {height:1%}
	/* end hide */
	.sidenav-left a:link {color: #000000; }
.sidenav-left a:visited{ color: #D97B53;}
.sidenav-left a:hover{
	color: #000000;
	background-color: #e7d77e;
	text-decoration: none;
}
.sidenav-left a:active {color: #4B3B26;}
/* links must be in the above order of link,visited,active, hover */
	
	
/* ------ End Overide Tags -----------------------------------------------------------------------------------------------------------------------------*/


body {
	padding:0;
	margin:0;
	font-family: arial, helvetica, sans-serif;
	background-color:#a3adcb;
	color: #000000;
}
#outer{
	min-height:100%;
	margin-left:230px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background-color:#abb0be;	/*if 3 divs are going to be the same colour, is this necessary?*/
	color: #000000;
	margin-bottom:-72px;
}
* html #outer{height:100%;} /* for ie */

#header{
	text-align: center; /*this line and the next one are from topstrip in amalgam711*/
	background-color: #cfd4e6;
	/*next two attributes are remmed out because of background color attribute above*/
	/*background:#000;
	color:#fff;*/
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	margin-left:-240px;
	position:relative;
	z-index:999;
}
/* mac hide\*/
* html #header {height:100px}
/* end hide*/

/* topnav, topnav ul and topnav li imported from amalgam711 */
#topnav, #topnav ul {
	padding: 3px;
	margin: 0;
	list-style: none;
	line-height: 1;
	display: inline;
}
#topnav li {
	float: right;
	width: 10em; /* width needed or else Opera goes nuts */
}
#mainnav {
	width:100%;
	line-height: 30px;
	background-color:#ebe4ba;
	color: #000000;
	position:relative;
	z-index:2;
	border-top:1px solid #fff;
}

#mainnav a {
	font-size: 1.0em;
}
ul#nav {
	padding: 0;
 	margin: 0 ;
 	list-style: none;
 	width:100%;
	height:30px;
 	line-height:30px;
 	background-color: #ebe4ba; /*#fff490; #fff8e6;*/
 	color: #000000;
}
#nav li {
	position:relative;
 	float: left;
 	width:24%;
 	text-align:center;
 	padding: 0;
 	margin: 0;
 	height:30px;
 	list-style: none;
 	background-color: #ebe4ba;
 	font-weight: bold;
 	font-variant: small-caps;
}
#nav li.last{
	width:24.9%;
	margin-right:-1px;
	position:relative;
}
#nav a {
	display: block;
	color: #7C6240;
	text-decoration: none;
}

/* mac hide \*/
* html #nav li, * html #nav a {height:1%}
/* end hide*/

/*#nav a.daddy {
 background: url(http://www.mediaphiles.ca/test/assocval/rightarrow.gif) center right no-repeat;
}*/
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 15em;
	font-weight: normal;
	font-variant: normal;
	margin: 0;
	padding:0;
	border:1px solid #000;
	border-top:none;
 	background-color: #ebe4ba;
}
#nav li ul li {
	width:15em;
	text-align:left;
	height:auto;
	line-height:20px;
	text-indent:1em;
	font-variant: normal;
	margin:2px 0;
}
#nav span {padding-left:.8em}


#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: 0;
	font-weight: normal;
}
* html #nav li:hover ul, * html #nav li li:hover ul, * html #nav li.sfhover ul, * html #nav li li.sfhover ul {
	left:0;}
#nav li:hover, #nav li.sfhover {
	background-color: #e7d77e;
}


.tabbar {
	border-bottom:1px solid #fff;
	position:relative;
}
/* mac hide \*/
* html .tabbar {height:1%;}/* ie */
/* end hide*/
#left {
	position:relative;
	width:230px;
	float:left;
	margin-left:-229px;
	left:-1px;
	padding-bottom:10px;
}

* html #left {
	margin-right:-3px;
	padding-bottom:20px;
}/*fix gap in ie next to float and clear footer because we've moved float too far left*/

#av-identity {
	background:#c8cbd5 url('images/corner-lcol-tl.gif') no-repeat left top ;
	margin-left:10px; margin-right:7px; margin-top:10px; margin-bottom:10px
}

#canerect-identity {
	background:#c8cbd5 url('images/corner-lcol-tl.gif') no-repeat left top ;
	margin-left:10px; margin-right:7px; margin-top:10px; margin-bottom:10px
}
#sidenav-wrapper {
	background:#c8cbd5 url('images/corner-lcol-tl.gif') no-repeat left top ;
	margin-left:10px; margin-right:7px; margin-top:10px; margin-bottom:10px
}
#sidenav-wrapper ul.sidenav li{margin-bottom:5px;}
#sidenav-wrapper a{	line-height:17px;display:block;}

#right {
	position:relative;
	width:175px;
	float:right;
  	background-color: transparent;
	color: #000000;
}
#right h2{padding-left:0;padding-right:0}

#internal-nav, #fignos-nav, #suppliers-nav {
	text-align : left;
	/*top, right, bottom and left*/
 	background:#ebe4ba url('images/corner-blue-tl.gif') no-repeat left top;; margin-left:10px; margin-right:7px; margin-top:10px; margin-bottom:10px
}
/* mac hide \*/
* html .innerpad,
* html #av-identity,
* html #canerect-identity,
* html #sidenav-wrapper,
* html #internal-nav,
* html #fignos-nav,
* html #suppliers-nav {height:1%;}
/* end hide */

.sidenav {
	color: #4B3B26;
	list-style: none;
	margin:0px;
	padding:0;
	line-height : 18px;
	display:block;
	text-align:left;
 }

 .sidenav a {
	color: #4B3B26;
	text-decoration: none;
	margin:0px;
	display:block;
}
.sidenav a:link {color: #000000; }
.sidenav a:visited{ color: #D97B53;}
.sidenav a:hover{
	color: #000000;
	background-color: #e7d77e;
	text-decoration: none;
}
.sidenav a:active {color: #4B3B26;}
/* links must be in the above order of link,visited,active, hover */

#suppliers-nav ul.sidenav li a{
	font-family: "Arial Black", Helvetica, sans-serif;
	color:#7c6240;
}
#suppliers-nav ul.sidenav li{margin-bottom:5px;padding:0px;}
#sidenav-wrapper ul.sidenav{margin:0;padding:0}
/* mac hide \*/
* html .sidenav li, * html .sidenav li a{height:1%}
/* end hide */

#footer {
	height:50px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	color: #000000;
	background-color: #ebe4ba; /*#ffe6bf;*/   /*light tan*/  /*this line and the two below come from amalgam711*/
	padding: 10px;
	text-align: center;
	clear: both;
}
* html #footer{/*only ie gets this style*/
	\height:72px;/* for ie5 */
	he\ight:50px;/* for ie6 */
}

div, p  {margin-top:0}/*clear top margin for mozilla*/

#centrecontent {
	position:relative;
	margin-right:175px;
}
/* mac hide \*/
* html #centrecontent {height:1%;}/* combat IE's 3 pixel jog */
/* end hide*/
#wrapper{
	float:left;/* stop float drop in mozilla*/
	width:99.5%;
}
.clearfooter {
	height:65px;
	clear:both;
}
.clearer{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}
html>body #minHeight{float:left;width:0px;height:100%;margin-bottom:-52px;} /*safari wrapper*/

/*................... corner-images...................*/
.yellowrt, .yellowlb, .yellowrb {
	width:100%;
	height:100%;
}
.yellowlb{background: url('images/corner-yellow-bl.gif') no-repeat left bottom;}
.yellowrt{background: url('images/corner-yellow-tr.gif') no-repeat right top;}
.yellowrb{padding:0px;background: url('images/corner-yellow-br.gif') no-repeat right bottom;}

.lyellowrt, .lyellowlb, .lyellowrb {
	width:100%;
	height:100%;
}
.lyellowlb{background: url('images/corner-lyellow-bl.gif') no-repeat left bottom;}
.lyellowrt{background: url('images/corner-lyellow-tr.gif') no-repeat right top;}
.lyellowrb{background: url('images/corner-lyellow-br.gif') no-repeat right bottom;}

.bluert, .bluelb, .bluerb {
	width:100%;
	height:100%;
}
.bluelb{background: url('images/corner-blue-bl.gif') no-repeat left bottom;}
.bluert{background: url('images/corner-blue-tr.gif') no-repeat right top;}
.bluerb{background: url('images/corner-blue-br.gif') no-repeat right bottom;}
.lcol-rt, .lcol-lb, .lcol-b {
	width:100%;
	height:100%;
}
.lcol-lb{background: url('images/corner-lcol-bl.gif') no-repeat left bottom;}
.lcol-rt{background: url('images/corner-lcol-tr.gif') no-repeat right top;}
.lcol-rb{background: url('images/corner-lcol-br.gif') no-repeat right bottom;}

.innerpad{padding:10px}
.innerpad #syncrude-valve{float:right;margin:10px;}
.innerpad #ty-valve{
	float: left;
	width: 259px;
	height: 193px;
	margin: 5px;
}
.innerpad #gwc-valves{
	float: left;
	width: 112px;
	height: 137px;
	margin: 5px;
}
#suppliers-nav, #speciality, #featurebox {
	text-align : left;
	/*top, right, bottom and left*/
	background:#ebe4ba url('images/corner-lyellow-tl.gif') no-repeat left top;; margin-left:10px; margin-right:7px; margin-top:10px; margin-bottom:10px
}
#suppliers-nav{margin-left:0;background:#ebe4ba url('images/corner-lyellow-tl.gif') no-repeat left top;}
#featurebox{background:#ebde93 url('images/corner-yellow-tl.gif') no-repeat left top; }
/* mac hide \*/
* html #suppliers-nav, * html #speciality, * html #featurebox{height:1%}
/* end hide */

h2.vmaker {
	text-align:left;
	margin:20px 0 10px 0;
	padding:0 10px;
	color: #d60000;
}
h2.vmaker span{font-size:smaller;
							 color: #00006e;}

#header img#mainlogo {
	padding:5px;
	clear:both;
	width:740px;
	height:60px;
}
td, th {
	font: 1.0em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.datatable {
	border: 1px solid #D6DDE6;
	border-collapse: collapse;
}
.datatable td {
	border: 1px solid #D6DDE6;
	text-align: left;
	padding: 4px;
}
.datatable th {
	border: 1px solid #828282;
	background-color: #BCBCBC;
	font-weight: bold;
	text-align: left;
	padding: 4px;
}
.datatable caption {
	font: bold 1.4em Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #B0C4DE;
	color: #33517A;
	padding-top: 3px;
	padding-bottom: 2px;
	border: 1px solid #789AC6;
}