/* CSS Document built to be totally compatible with IE6 */
/* Standard colours


/* define HTML TAGS */

body {
/*	margin: 0px;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
	line-height: 150%;
	color:#000000;
	margin:0px;
}
#tabularTable {
width:80%;
margin:0 auto;
font-size:1.1em;
}
#tabularTable th{
padding:5px;
background:#0557C7;
color:#FFF;
}
#tabularTable td{
padding:5px;
border-bottom:1px solid #CCC;
border-right:1px solid #CCC;
vertical-align:middle;
}
#tree {
color:#DA0F0F;
color:#000;
font-size:120%;
font-style:normal;
font-weight:bold;
padding-bottom:10px;
}
#tree a{
color:#0557C7;
font-style:normal;
font-weight:bold;
text-decoration:none;
}
#tree a:hover{
text-decoration:underline;
}
#materials .blue .materialBox{
background-color:#042A99;
}
#materials .blue .materialBox  div.header, #materials .blue .materialBox  div.details{
background-color:#7D9BF3;
}
#materials .red .materialBox{
background-color:#8D0000;
}
#materials .red .materialBox  div.header, #materials .red .materialBox  div.details{
background-color:#D39797;
}
#materials .darkred .materialBox{
background-color:#99443B;
}
#materials .darkred .materialBox  div.header, #materials .darkred .materialBox  div.details{
background-color:#D6ACA8;
}
#materials .purple .materialBox{
background-color:#6A19A3;
}
#materials .purple .materialBox  div.header, #materials .purple .materialBox  div.details{
background-color:#AC80CA;
}
#materials .materialBox {
font-size:18px;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
background-image:url(../images/materials/topleft.png);
background-repeat:no-repeat;
background-position:left top;
}
#materials .materialBox div.header{
color:#000;
font-weight:bold;
height:40px;
padding:10px;
}
#materials .materialBox div.subheader{
color:#FFF;
font-size:20px;
font-style:italic;
text-align:center;
padding:10px;
}
#materials .materialBox div.temp {
padding:10px;
text-align:center;
}
#materials .materialBox .more{
font-size:11px;
color:#000;
font-weight:normal;
}
#materials .materialBox span.tempMin {
color:#32AC16;
}
#materials .materialBox span.tempMax {
color:#FD0808;
}
#materials .materialBox div.details {
font-size:12px;
color:#000;
padding:5px 10px 10px 10px;
display:none;
}
#materials .materialBox div.details .header{
color:#333;
font-size:18px;
font-weight:bold;
text-align:center;
}
#ticker {
	position: absolute;
	top: 23px;
	left: 423px;
	width: 220px;
	overflow: hidden;
	font-style: italic;
	font-weight: bold;
	height:68px;
}
img { border: 0; }

.item-body 
{
  margin: 0px; font-size: x-small;
  visibility: hidden; height: 0px;
  display:none; padding:0px;
}

.item-bodyShow
{
  margin: auto; font-size: x-small;
  visibility: visible; height: auto;
  display:block;
}

#tableBasket {
	width:100%;
	
}
#tableBasket th{
	border:1px dotted #CCCCCC;
	padding:5px;
	font-weight:bold;
	text-align:right;
	border-collapse:collapse;
	background-color:#CCCCCC
}
#tableBasket td{
	border:1px dotted #CCCCCC;
	border-collapse:collapse;
}

#view a{
	text-decoration:none;
	border:none;
	cursor:url("../images/view.cur");
}

#view img{
	text-decoration:none;
	border:none;
	cursor:url("../images/view.cur");
}

#divBasket{
	float:right; 
	width:150px; 
	height:64px; 
	background-image:url(../images/basket.gif);
	background-repeat: no-repeat;
	color:#FFFFFF;
	text-align:right;
}

a:link, a:active, a:visited {
	font-style:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#990000;
	text-decoration:underline;
}
A:hover {
	color:#003399;
	text-decoration:none;
}

td {
	text-align:left;
	vertical-align:top;
}
select, textarea, input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color:#FFFFFF;
	color:#46479A;
	border-color:#094368;
	border-style:solid;
	border-width:1px;
}

A.button:link, A.button:active, A.button:visited  {
	padding:1px 3px 1px 3px;
	border:1px solid #094368;
	color:#000000;
	text-decoration: none;
	background-color:#FFFFFF;
}
A.button:hover {
	background-color:#198281;
	color:#FFFFFF
}

A.buttonFlat:link, A.buttonFlat:active, A.buttonFlat:visited  {
	border:0px;
	border-right:1px solid #8A8D1D;
	border-left:1px solid #8A8D1D;
	color:#FFFFFF;
	text-decoration: none;
	background-color:#BCC027; 
}
A.buttonFlat:hover {
	background-color:#094368;
}

/* define #id's */
#tableMain {
	width:970px;

}
#tableContent{
	width:100%;

}
#tableNav {

}
#tableNav td{
	background-image:url(../images/nav_button.gif);
	text-align:center;
	font-size:10px;
	width:80px;
	font-weight:bold;
	color:#FFFFFF;
	padding:2px;
	background-repeat:no-repeat;
}
#tableNav img{
	vertical-align:text-top;
}
#tableNav a{
	color:#FFFFFF;
	text-decoration:none;
	font-style:normal;
}

#tdHeader {
	background-color:#0033FF;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px;
}

#tdHeader2 {
	background-color:#3333CC;
	color:#FFFFFF;
	font-weight:bold;
}

#tdProductsHeader {
	background-color:#0033FF;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px;
}

#tdMain {
	background-color:#FFFFFF;
	border:1px solid #999999;	
	padding: 10px;
}
#nav {
	font-weight:bold;
}
#divOrder {
	position:absolute;
	top:0;
	padding:5px;
	background-color:#198281;
	color:#FFFFFF;
	width:100%;
}
#divOrder a{
	color:#FFFFFF;
}
#error {
	background-color:#FF0000;
	color:#FFFFFF;
	font-weight:bold;
}

/* task list highlights */
#tdCurrent {
	padding: 2px 10px 2px 10px;
	background-color:#FFCD8A;
}
#tdOverdue {
	padding: 2px 10px 2px 10px;
	background-color:#FF0000;
	color: #FFFFFF;
}
#nav{
	float:right;
}
#subMenu{
	margin:0px 0px 10px 0px;
	text-align:right;
}
#tableList td{
	border:1px solid #DDDDDD
}
#trColumnTitles td{
	font-weight:bold;
	background-color:#CCCCCC;
}
#pageNav {
	text-align:left;
	margin: 5px;
	padding:5px;
	line-height:200%;
}

.blueHighlight
{
	font-weight:bold;
	font-size:120%;
	color:#003399;
}
.redHighlight
{
	font-weight:bold;
	font-size:120%;
	color:#990000;
}
h1 {
	font-weight:bold;
	font-size:120%;
	color:#003399;
	line-height:100%;
	margin-bottom:5px;
}
h2 {
	font-weight:bold;
	font-size:120%;
	color:#003399;
	line-height:100%;
	margin-bottom:5px;
}

h3 {
	/*color:#198281;*/
	color:#990000;
	font-size:100%;
	font-weight:bold;
	margin-bottom:3px;
}

#tdLargeText {
	font-size:150%;
	padding:5px;
}
#divLongBlueTube
{
	width:228px; 
	height:22px; 
	background-image:url(../images/img_tube.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size: 10px;
	font-weight:bold;
	padding-top:0px;
	text-align:center;
}

#divLongBlueTube a{
	color:#FFFFFF;
	font-weight:bold;
}

.trStandardContentRO td,.trStandardContentRO a{
	color:#FFFFFF;
	background-color:#3399FF;
}

/* Required for TABS */
#tableList td{
	border:1px solid #DDDDDD
}
td.activeTab {
  background-color: #3333CC;
  color: #FFFFFF;
  font-weight: bold;
  padding: 0;
  text-align: center;
  width: 1%;
  white-space: nowrap;
}
td.activeTab #tabTextDiv{
  cursor: pointer;
  border-left: 1px solid #BCBEC0;
  border-right: 1px solid #BCBEC0;
  padding: 0px 5px 10px 5px;
  color: #FFFFFF;
} 
td.activeTab #tabTextDiv a{
  color: #FFFFFF;
  text-decoration:none;
} 
td.activeTab #tabTextDiv a:hover{
  color: #FFFFFF;
  text-decoration:none;
} 
td.activeTab #tabTextDiv a:active{
  color: #FFFFFF;
  text-decoration:none;
} 
td.activeTab #tabDiv1{
	height:5px;
    background-image:url(../images/tab_active_tr.gif);
	background-repeat:no-repeat;
	background-position:top right;
	color: #FFFFFF;
}
td.activeTab #tabDiv2{
	height:5px;
    background-image:url(../images/tab_active_tl.gif);
	background-repeat: no-repeat;
	background-position:top left;
    padding: 0px 6px 0px 6px;
	color: #FFFFFF;
}
td.activeTab #tabDiv3{
	border-top:1px solid #BCBEC0;
	color: #FFFFFF;
}
td.activeTab #tabTopSpacer{
	padding:0px;
}
td.activeTab a{
	color:#FFFFFF;
	text-decoration:none;
}
td.activeTab a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
td.passiveTab {
  background-color: #990000;
  color: #FFFFFF;
  font-weight: bold;
  padding: 0px;
  text-align: center;
  width: 1%;
  white-space: nowrap;
}
td.passiveTab #tabTextDiv{
  cursor: pointer;
  border-left: 1px solid #BCBEC0;
  border-right: 1px solid #BCBEC0;
  padding: 0px 5px 2px 5px;
  color: #FFFFFF;
}
td.passiveTab #tabTextDiv a{
  color: #FFFFFF;
  text-decoration:none;
} 
td.passiveTab #tabTextDiv a:hover{
  color: #FFFFFF;
  text-decoration:none;
} 
td.passiveTab #tabTextDiv a:active{
  color: #FFFFFF;
  text-decoration:none;
}
td.passiveTab #tabDiv1{
	height:5px;
    background-image:url(../images/tab_passive_tr.gif);
	background-repeat:no-repeat;
	background-position:top right
	color: #FFFFFF;
}
td.passiveTab #tabDiv2{
	height:5px;
    background-image:url(../images/tab_passive_tl.gif);
	background-repeat: no-repeat;
	background-position:top left;
    padding: 0px 6px 0px 6px;
	color: #FFFFFF;
}
td.passiveTab #tabDiv3{
	border-top:1px solid #BCBEC0;
	color: #FFFFFF;
}
td.passiveTab #tabTopSpacer{
	padding:4px;
	background-color:#FFFFFF;
}
td.passiveTab a{
	color:#FFFFFF;
	text-decoration:none;
}
td.passiveTab a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
#tabSpacer {
	padding:2px;
}
/* END requirment for TABS */



/*** NEW STYLES FOR NEW HEADER ***/
#toplinks {
	float: right;
	padding: 8px;
}

#toplinks a {
	color: #042dab;
	font-style: normal;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
}

#nav {
	background: url(../images/nav.jpg) repeat-x;
	height: 26px;
	margin: 2px 0 2px 0;
	width: 100%;
}

#nav ul {
	margin: 0;
	padding: 0;
}

#nav ul li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	float: left;
}

#nav ul li a {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	display: block;
	height: 14px;
	padding: 5px 25px 5px 25px;
	font-style: normal;
	font-family: Tahoma;
}

#nav ul li a:hover {
	background: url(../images/navRO.jpg) repeat-x;
}