/* CSS Document */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;/*12px;*/
	color: #333333;
}

.goodnews {
	background-color: #E3FFDE;
	padding: 10px;
	border: 1px solid #45E034;
}

.badnews {
	background-color: #FAD9D9;
	padding: 10px;
	border: 1px solid #D94545;
}
.warnnews {
	background-color: #FFFFC9;
	padding: 10px;
	border: 1px solid #F5F52A;
}

.important {padding: 5px;font: red bold 12px;border: 2px solid red; background-color: #ffeeee;margin-bottom: 20px;}

body {
	background-color: #999999;
	margin: 0;
  padding: 0;
  text-align: center;
  min-width: 705px
}



/* Applying the hack */

* html body {
	font-size: x-small;
}


/*Links
a {
	font-size: 12px;
}     */
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

.login { color: white; font-size: 12px; font-weight: bold; border: solid 2px green }

.boob{
	text-align:left;
	border: medium solid #000000;
	background-color: #FFFFFF;
	width: 200px;
	margin: 50px;
	padding: 30px;
}
.tradetext {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
}
.tradeheading {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#PageContainer {
	position: relative;
	top: 40px;
	right: 0;
	margin: 0 auto;
	width: 705px;
	text-align: left;
	left: -4px;
}

#Header {
	background-image: url(./images/header-bg.jpg);
/*	background-image: url(./images/bgs_r2_c2.jpg); */
	background-repeat:no-repeat;
	background-position: top left;
	width: 705px;
	height: 95px; overflow:hidden;
}


#ContentContainer {
	background-image: url(./images/bgs_r4_c2.gif);
	background-repeat: repeat-y;
	background-position: top left;
	margin:0px;
	padding:0px;
	width: 705px;
}
#Menu {
  position: absolute;
	overflow:hidden;
	left: 510px;
	top: 95px;
	width: 180px;
	margin: 0px;
	padding: 0px;
	background-image:  url(./images/gradback.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	z-index: 11;

}

#rightcontent {

  margin-left:10px;
  margin-right:10px;
  margin-bottom:10px;
  margin-top: 40px;
  padding: 5px;
  border: 1px solid grey;
  background-color: #eee;
}

#rightcontentshared {
  position: absolute;
  width: 165px;
  height: 20px;
  left: 513px;
  margin:0px;padding:0px;
  top: 75px;
  z-index: 12;
  overflow: hidden;
}
#leftcontent {
  argin: 0px;
  padding: 0px;
  border: none;
width: 494px;
overflow: hidden:
margin-bottom: 15px;
padding-top: 19px;
}
#leftcontentshared {

}
#searchformbg {
position: absolute;
  top: 71px;
  left: 509px;
  width: 170px;
  height: 24px;
  margin:0px;
 padding:0px;
  z-index: 10;
  overflow: hidden;
background-color: DBDBDB;
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid none;
}

#searchform{
  padding: 5px;
font-family: verdana;height: 20px;
  }



#searchboxinput {display:inline;height:18; width:106px; font-size:9;border: 1px solid silver;}

#searchboxbutton {display:inline; border: 1px solid silver;font-size:9;}



#sitepathbar {
padding: 0px; margin:0px;
position: absolute;
top: 94px;
left: 15px;
height: 20px;
width:494px;
border-top: 1px solid black;border-bottom: 1px solid black;
overflow: hidden;
background-image: url(images/gradientbar.gif);
background-repeat: repeat-x;
background-position: top left;
}





/*

#TopLevelNav {
	margin: 8px;
	line-height: 16px;
  order: 1px solid blue;
}

#SubNav {
	order: 1px solid green;
  margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}



#select {}

#current {color: white; background-color: #34689A;}

.ListMainMenu {
	order: 1px solid green;
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	font-weight: bold;
}



.ListMenu {
	order: 1px solid blue;
	color: black;
	margin-top: 2px;
	margin-bottom: 2px;
	font: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

*/



/* Menu 1 column */



#menu_1 {

	/*vertical-align: top; */
	idth: 100%;
	eight: 250px;
	/*background-image: url(images/menubackground.jpg);*/
	background-repeat : no-repeat;
	/* Uncomment the following line to visually identify the shared content area */
	/*background-image: url(images/shared.gif); */
	padding-top: 5px;
}

#menu_1 DIV {
	width: 100%;
}

#menu_1 DIV A {
	color: black;
	text-decoration: none;
}
#menu_1 DIV A:hover {
	text-decoration: underline;
}
/*  MENU 1, level 1, normal state (NO) */

#menu_1 DIV.menu1-level1-no {
  border-bottom: 1px dotted #999999;
  font-size: 12px;
  font-weight: bold;
  padding-top:5px;
  padding-left:5px;
}
/*  MENU 1, level 1, active state (ACT) */
#menu_1 DIV.menu1-level1-act {
}

#menu_1 DIV.menu1-level1-act a{
  display: block; width: 100%;height: 100%;
    color: #34689A;
  border-bottom: 1px solid #999999;
  font-weight:bold;
  font-size: 11px;
  padding-top:4px;
  padding-left:5px;
  padding-bottom:4px;
  background-color: #34689A;  /*#eeeeee*/
  /*filter:alpha(opacity='70', style='0');*/
}

#menu_1 DIV.menu1-level1-act a:link{}

#menu_1 DIV.menu1-level1-act a:visited{}

#menu_1 DIV.menu1-level1-act a:hover{background-color: #F5B212 /*#3F7EBB*/;}

#menu_1 DIV.menu1-level1-act a:active{}

#menu_1 DIV.menu1-level1-act A {
  color: white;/*color:black;*/
}

/*  MENU 1, level 2, normal state (NO) */
#menu_1 DIV.menu1-level2-no {
  font-size: 12px;
  padding-left:20px;
}
/*  MENU 1, level 2, active state (ACT) */
#menu_1 DIV.menu1-level2-act {
  font-size: 12px;
  ont-weight:bold;
  padding-left:10px;
  border-left: 10px solid #34689A;
}

#menu_1 DIV.menu1-level2-act a{
  font-size: 12px;
  font-weight:bold;
 }
/*  MENU 1, level 3, normal state (NO) */
#menu_1 DIV.menu1-level3-no {width: 100%;}

#menu_1 DIV.menu1-level3-no a {display: block;width: 100%;font-size: 10px;}

#menu_1 DIV.menu1-level3-no a:link{
   margin-left: 8px;
   padding-left:20px;
   border-left: 2px solid #34689A;
}

#menu_1 DIV.menu1-level3-no a:visited {   margin-left: 10px;
   margin-left: 8px;
   padding-left:20px;
   border-left: 2px solid #34689A;}

#menu_1 DIV.menu1-level3-no a:hover {  border-left: 7px solid #3F7EBB;padding-left:15px; text-decoration: none;}

#menu_1 DIV.menu1-level3-no a:active { }
/*  MENU 1, level 3, active state (ACT) */
#menu_1 DIV.menu1-level3-act {width: 100%;}

#menu_1 DIV.menu1-level3-act a {display: block;width: 100%;font-size: 10px;}

#menu_1 DIV.menu1-level3-act a:link {
  margin-left: 8px;
  font-weight:bold;
  border-left: 7px solid #34689A;
  background-color: silver;
  padding-left:15px;
}

#menu_1 DIV.menu1-level3-act a:visited {
  margin-left: 8px;
  font-weight:bold;
  border-left: 7px solid #34689A;
  background-color: silver;
  padding-left:15px;
  }

#menu_1 DIV.menu1-level3-act a:hover {border-left: 7px solid #3F7EBB;background-color: #cccccc; padding-left:15px;
text-decoration: none;}
#menu_1 DIV.menu1-level3-act a:active {}
/*  MENU 1, level 4, normal state (NO) */
#menu_1 DIV.menu1-level4-no {
  font-size: 10px;
  padding-left:40px;
}

/*  MENU 1, level 4, active state (ACT) */

#menu_1 DIV.menu1-level4-act {
  font-size: 10px;
  font-weight:bold;
  padding-left:40px;
}

/* Style for the Path-menu: */
#pathplace {
	width: 800px;
}

#sitepath {
  width: 100%
  white-space: nowrap;
  font-family: arial, verdana, arial;
  font-size: 10px;
  padding: 4px 5px 5px 25px;
}

#sitepath A {
      font-size: 10px;
  text-decoration: none;
  font-weight: bold;
   color:#555;
}
#sitepath A:hover {
  text-decoration: underline; color:black;
}
.HomeText {
	order: 1px solid blue;
	color: black;
	margin-top: 2px;
	margin-bottom: 2px;
	font: verdana, Helvetica, sans-serif;
	font-size: 10px;
}

.HomeHeading {
	font-size: 14px;
	color: #34689A;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}

.HomeHeading a{
	text-decoration:none;
	font-size: 14px;
	color: #34689A;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}

.HomeHeading a:hover{
	text-decoration: underline;
}
#homeMenu  { margin: 0 -10px 0 0; padding-bottom: 0; padding-left: 25px; height: 160px; overflow: hidden; border-top: 1px solid #cecece; order-bottom: 1px solid #cecece }
.floatBox {
	float: left;
	overflow: hidden;
	border-right: 1px solid #cecece;
	text-align: left;
	margin-left: 8px;
	margin-right: 5px;
		margin-top: 0px;
		padding: 2px;
	width: 130px;
	height: 150px;
}

.floatBoxEnd {
		float: left;
	overflow: hidden;
	border: none;
	text-align: left;
	margin-left: 8px;
	margin-right: 8px;
		margin-top: 0px;
		padding: 2px;
	width: 130px;
	height: 150px;
}

.ListMenu:hover {color: #34689A;}

#ListMenuBottom {}
.ContentBackground {
	margin-left: 15px;
	ackground-image:  url(./images/pageback.jpg);
	background-repeat:no-repeat;
	background-position: top left;
}

#Content {
	order:1px solid red;
  margin-top:0px;
	margin-right:220px;
	margin-bottom: 0px;
	margin-left: 25px;
	padding-top: 10px;
	padding-bottom: 20px;
	min-height: 800px;
}

/* Applying the hack */

* html #Content {
	height: 650px;
}

#Footer {
	background-image:  url(./images/bgs_r6_c2.jpg);
	background-repeat:no-repeat;
	background-position: top left;
	margin:0px;
	padding:0px;
	width: 705px;
	height: 50px;
}

.style1 {
font-size: 14px;
	font-weight: bold;
}

#NASLOGO {
display: none; position:absolute;
left:44px;
top:-26px;
width:86px;
height:104px;
z-index:1;
	background-image: url(./images/logo.jpg);
	background-repeat:no-repeat;
	background-position: bottom left;
}

p {font-family: arial, helvetica, sans-serif;}

h1,h2,h3,h4,h5,h6 {
	font-family: verdana, helvetica, sans-serif;
	font-weight: bold;
}

h1 {
        border-bottom: 1px solid silver;
	font-size: 120%; /*18px;*/
	font-weight: bold;
	font-style: italic;
	color: #333333;
}

/* Applying the hack */

* html h1 {
	font-size: medium;
}

h2 {
	font-size: medium;/*14px;*/
	color: #0D5F97;
}

/* Applying the hack */

* html h2 {
	font-size: small;
}

h3 {
	font-size: medium;/*12px;*/
	color: #34689A;
}

/* Applying the hack */

* html h3 {
	font-size: small;
	}
h4 {
	font-size: small; /*10px;*/
	}

h5 {
	font-size: small; /*10px;*/
	}

h6 {
	font-size: small; /*10px;*/
	}

.caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 4px;
	padding:0px;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	}
p.csc-caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 4px;
	padding:0px;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	}
.csc-textpic-caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 4px;
	padding:0px;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	}
.csc-linkToTop a {
    font-weight: bold;
    font-size:small;
    color: black;
    text-decoration: none;
    text-align:center;
	}
.csc-linkToTop a:link {
    font-weight: bold;
    font-size:small;
    color: black;
    text-decoration: none;
	}
.csc-linkToTop a:visited {
    font-weight: bold;
    font-size:smallpx;
    color: black;
    text-decoration: none;
	}
.csc-linkToTop a:hover {
	font-weight: bold;
	font-size:smallpx;
	color: black;
	text-decoration: underline;
	}



.csc-subheader-1 {
        text-align: right;
        margin-top: -10px;
        margin-bottom: 15px;
        font-weight: bold;
        font-size: 14px;
        color: #0D5F97;
}
.csc-header {clear:left; }

.csc-header h2 {border-bottom: 1px solid #eaeaea;}


.csc-header h2 a {display:block; height:20px;font-size: 12px; padding-top:3px;padding-left: 10px;overflow:hidden;margin:0px;}
.csc-header h2 a:link {text-decoration:none;background-image: url(./images/headergrad.gif); background-position:top left; background-repeat: no-repeat; color:white;}
.csc-header h2 a:visited {text-decoration:none; background-image: url(./images/headergrad.gif); background-position:top left; background-repeat: repeat-y; color:white;}
.csc-header h2 a:hover {text-decoration:none;color:white;background-image: url(./images/headergrad.gif); background-position:0px -35px; background-repeat: no-repeat; color:white;}
.csc-header h2 a:active {text-decoration:none;border-bottom: 1px solid #554422;}

.image{text-align: center;}
.bordered {border: 1px solid black;margin-left: 10px;margin-right: 10px;}
.sectionborder { border-style: solid; border-width: 2px 0 0; border-color: silver }
.copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	padding: 5px 0px 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
	text-align: center;
}

.copy a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}

#contactdetails {
margin-top: 20px;margin-left: 10px;  margin-right: 10px;
border-top: 1px solid grey;background-color: #fafafa;
border-bottom: 1px solid grey;
}

#contactdetails p {font-family: arial; font-size: 10px;color: black;margin: 5px;}
#cdheading {font-size: 12px; Font-weight:bold;color:black;}
#cdheading:link {text-decoration:underline;font-size: 12px; Font-weight:bold;}
#cdheading:visted {text-decoration:underline;font-size: 12px; Font-weight:bold;}
#cdheading:hover {text-decoration:underline;font-size: 12px; Font-weight:bold;}
#cdheading:active {text-decoration:underline;font-size: 12px; Font-weight:bold;}
.StaffName {margin:0;}
.StaffTitle {font-size: 10px;margin:0;color: #444444;}

.tradelogin {
	padding: 10px;
	background-image: url(./images/loginbg.gif);
	background-position: top left;
	background-repeat:no-repeat;
}
.login {font-size: 12px;font-weight: bold;background-color: #006600;color: white;border: 2px solid green;margin: 5px;}
.tablePhone {border: none}
.tablePhone caption {font-family: arial; font-size: 90%; font-weight: bold; color: white; background-color: #4867A0;}
.tablePhone thead {padding: .05em; font-family: arial; font-size: 90%; font-weight: bold; color: black; text-align: left;}
.tablePhone tbody {font-family: arial;}
.tablePhone tr {}
.tablePhone td {}
.tableContact{}
.tableContact caption {font-family: arial; font-size: 90%; font-weight: bold; color: white; background-color: #4867A0; }
.tableContact thead {padding: .05em; font-family: arial; font-size: 90%; font-weight: bold; color: black; text-align: left; }
.tableContact tbody {font-family: arial;ont-size: 90%;}
.tableContact tr {}
.tableContact td {}

.zebraGrey {background-color: rgb(90%,90%,90%);}
.zebraWhite {background-color: white;}
p tables {margin-left: 10%;}

.catalogueBox {
}

.tx-newloginbox-pi1  {
 width: 150px;
 overflow: hidden;
 font-size: 10px;
 }
 .tx-newloginbox-pi1 h3 {
 margin: 0px;   font-size: 12px;
 }
 .tx-newloginbox-pi1 p {
 margin: 0px;
 margin-bottom: 5px;
 }
 .tx-newloginbox-pi1 form table {
 padding: 0px;
 margin:0px;
 width: 80px;
 overflow: hidden;
 }

.tx-newloginbox-pi1 form table tr td p {
   font-size: 10px;
margin: 0px;
}
.tx-newloginbox-pi1 form table tr td input {
width: 90px;
margin: 0px;
}
.choicebox:hover{ background-color:silver;
}
.homebanner { border-width: 0 }
.bordercontentshared {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px;margin-top: 13px; color:#e0e0e0;text-align:center;}
.bordercontentshared a:link {color:#e0e0e0;text-decoration:none;}
.bordercontentshared a:visited {color:#e0e0e0;text-decoration:none;}
.bordercontentshared a:hover {color:#e0e0e0;text-decoration:underline;}
.bordercontentshared a:active {color:#e0e0e0;text-decoration:none;}
.csc-frame-frame1 {
border: 1px solid grey; background-color: #eee; margin:5px;padding:5px;	
}
