/* Default styles for any content not assigned a class */
body {
	color: #000000;
	font-size: small;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center; /*For centering browsers that don't understand auto margins */
	background-color: #ffffff;
}

td {
	vertical-align: top;
}

th {
	vertical-align: top;
}


p {
	margin-top: 5px;
	margin-bottom: 10px;
}

ul {
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

div {
	margin: 0px;
	padding: 0px;
}

span {
	margin: 0px;
	padding: 0px;
}

form {
	margin: 0px;
	padding: 0px;
}

fieldset {
	border: 0px solid #000000; /*  All attributes specified so Opera 7 understands not to have borders */
	margin: 0px;
	padding: 0px;
}

legend {
	margin: 0px;
	padding: 0px;
	display: none;
}

label {
	margin: 0px;
	padding: 0px;
}

button {
	font-size: small;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;	
	margin-top: 10px;
	text-decoration: none;
}

h1 {
	color: #00275D; /*#667BA5;*/
	font-size: small;
	font-weight: bolder;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;
	margin-top: 0px;
	margin-bottom: 5px;
}

h2 {
	color: #696969;
	font-size: 1.05em;
	font-weight: bold;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;
	margin-top: 15px;
	margin-bottom: 3px;
}

h3 {
	color: #888;
	font-size: 1.0em;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;
	margin-top: 15px;
	margin-bottom: 3px;
}

h4 {
	font-size:  small;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;
	color: #999999;
	margin-top: 0px;
	margin-bottom: 5px;
}

/*
h3 {
	color: #ffffff;
	font-size:  small;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;
	margin-top: 0px;
	margin-bottom: 0px;
}

h4 {
	color: #999999;
	font-size:  small;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;
	margin-top: 0px;
	margin-bottom: 5px;
}
*/
h5 {
	color: #003399;
	font-size:  small;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}

h6 {
	font-size:  x-large;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	color: #696969;
	margin: 0px;
	padding-bottom: 2px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 10px;
}

#hr
{
	width: 464px;
	border-bottom: 1px solid #cccccc;
}

.hr /* Make this a class because it's being used more than once in some forms */
{
	width: 464px;
	border-bottom: 1px solid #cccccc;
}

a, a:link, a:visited {
	font-size: 1.0em;
	/*font-family: Verdana, Helvetica, Arial, Sans-Serif;*/
	color: #3366CC; /* #00275D; #3300dd; */  /* was 0 0 255 csjm */
	text-decoration: none;
}


a:active {
	font-size: 1.0em;
	/*font-family: Verdana, Helvetica, Arial, Sans-Serif;*/
	color: #3366CC;
	text-decoration: none;
}

a:hover {
	font-size: 1.0em;
	/*font-family: Verdana, Helvetica, Arial, Sans-Serif;*/
	color: #3366CC;
	text-decoration: underline;
}


/*  The following are styles for the main div's and their content */

/* This style is the outer most div for the page */
#container {
	width: 760px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	text-align: left;
	background-image: url(../images/background-leftmenu.gif); /* No quotes around url otherwise image won't show on IE Mac */
	background-repeat: repeat-y;	
}

#container-nobg {
	width: 760px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	text-align: left;
}

/* Logo and Banner divs */
.logo /* Main div */{
	float: left;
	width: 328px;
	height: 66px;
	background-image: url(../images/tabs/new/webTABS2007_01.gif);
	background-repeat: no-repeat;
}

#banner /* Main div */{
	color: #ffffff;
	height: 66px;
	background-color: #00275D;
	vertical-align: bottom;
}

/* These styles are for the login area's links in the banner */
/* These do not use accessibility fonts as if they are able to be resized the banner will break */

#logintable {
	font-size: 10px;
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, Sans-Serif;
	float: left;
	width: 200px;
	height: 60px;
}

#logintable h3 {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 14px;
}


#logintable p {
	margin: 0px;
	padding: 10px 5px 0px 0px;
	line-height: 12px;
}

#logintable a{
	font-size: 10px;
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, Sans-Serif;
	text-decoration: underline;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}

#logintable fieldset {
	width: 175px; /* Stops fieldset breaking display in IE */
}

#logintable label {
	color: #ffffff;
	font-size: 12px;
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, Sans-Serif;	
}

#logintable input {
	background-color: #FFFFFF;
}

#helplinks {
	margin: 0px 0px 0px 530px;
	padding: 0px;
	width: 140px;
	vertical-align: top;
	position: relative;
	top: 15px;
}

#helplinks ul{
	margin: 0px;
	padding: 0px;
	height: 20px;
	line-height: 12px;/* Stops list breaking in Opera 7 */
}

#helplinks ul li{
	list-style-type: none;
	margin: 0px;
	padding: 0px 5px 0px 5px;	
	background-image: url(../images/arrow-right.gif);
	background-repeat: no-repeat;	
	background-position: left center;
}

#helplinks a{
	font-size: 10px;
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, Sans-Serif;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

#loginlink {
	float: right;
	margin: 0px;
	padding-right: 5px;
}

#loginlink input {
	position: relative;
	top: 30px;
}

/* These styles are for the top navigation tabs */
#topnav /* Main div */{
	margin: 0px;
	padding: 0px;
	background-color:  #00275D;
	height: 17px;
}

#topnav ul {
	margin: 0px;
	padding: 0px;
}

#topnav ul li {
	margin-top: 0px;
	margin-right: -4px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;	
	display: inline;	
}

#topnav img {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

/* This div goes across the top of left-hand column and content area (in Home Page) but not the right-hand column */
#newstandard {
	padding-top: 0px;
	padding-bottom: 10px;
}

.advertImages img 
{
	padding-bottom:3px;
}

.clear {
	clear: both;
	background-color: #ffffff;
}

/* Left-hand column styles */

#leftcolumn-homepage h1 {
	font-size: 12pt;
	color: #696969; /* grey */
	font-family: Arial;
	border-bottom: 1px dotted #00275D;

}

#leftcolumn-homepage strong {
	color: #00275D; /* navy */

}

#leftcolumn-homepage a:link {
	/* color: #00275D;*/
    font-weight: normal;

}
/* BD: use same link styles as main */
#leftcolumn-homepage a:visited{
}
#leftcolumn-homepage a:active{
}
#leftcolumn-homepage a:hover{
}



#leftcolumn-homepage /*Need so not invisable in print view*/{
	width: 148px;
	float: left;
	padding: 20px 0px 0px 0px;

}

#leftcolumn-homepage p {
	/*font-weight: bold;*/
	
	margin: 0px;
	padding: 0px;		
}

#leftcolumn /* Main div */{
	width: 145px;
	float: left;
	padding: 10px 0px 0px 0px;
}


#leftcolumn ul, #level2menu ul, #level4menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#level2menu {
	width: 145px;
	padding: 0px;
}

#level4menu {
	float: left;
	width: 210px;
	margin: 9px 0px 0px 0px;
	padding: 0px;
}

#level5menu {
	border-bottom: 1px solid #999999;
	background-color: #EBEBEB;
}

#level4menu img {
	margin: 0px;
	padding: 0px;	
}

.level2item {
	margin: 0px;
	padding: 0px;	
}

.level4item {
	margin: 0px;
	padding: 0px;	
	border: 1px solid #ffffff;	
	line-height: 16px;
}

.level3item {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #f7f7f7;
}

.level5item {
	margin: 0px;
	padding: 0px 10px;
	border: 1px solid #EBEBEB;		
}

.level6item {
	margin: 0px;
	padding: 0px 15px;	
	border: 1px solid #EBEBEB;	
}

a.level2, a.level2:link, a.level2:visited {
	color: #000000;
	background-color: #EBEBEB;
	font-size: small;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;		
	padding: 0px 12px 0px 10px;;
	display: block;
	width: 85% /* So can select whole row in IE */;
	border-bottom: 4px solid #f7f7f7;	
}

a.level2:hover, a.level2:active {
	color: #ffffff;	
	text-decoration: none;
	background-color: #C10029;
	background-image: url(../images/arrow-level2.gif);
	background-repeat : no-repeat;
	background-position:  center right;
}

a.level2-selected, a.level2-selected:link, a.level2-selected:visited, 
a.level2-selected:hover, a.level2-selected:active  {
	color: #ffffff;
	font-size: small;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;		
	background-color: #C10029;
	padding: 0px 12px 0px 10px;
	display: block;
	text-decoration: none;
	background-image: url(../images/arrow-level2-selected.gif);
	background-repeat : no-repeat;
	background-position:  center right;		
	border-bottom: 4px solid #f7f7f7;
}

.nochildren /* For level two selected items with no children */{
	background-image: url(../images/arrow-level2.gif) !important;
}

a.level3, a.level3:link, a.level3:visited {
	color: #000000;
	background-color: #cccccc;
	font-size: 90%;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;		
	padding: 0px 12px 0px 20px;
	display: block;
	border-bottom: 3px solid #f7f7f7;	
}

a.level3:hover, a.level3:active {
	color: #000000;
	background-color: #ffffff;
	text-decoration: none;
	background-image: url(../images/arrow-level3.gif);
	background-repeat : no-repeat;
	background-position:  center right;	
}

a.level3-selected, a.level3-selected:link, a.level3-selected:visited, 
a.level3-selected:hover, a.level3-selected:active {
	color: #000000;
	font-size: 90%;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;		
	background-color: #ffffff;
	text-decoration: none;
	padding: 0px 12px 0px 20px;
	display: block;
	border-bottom: 4px solid #f7f7f7;	
	background-image: url(../images/arrow-level3.gif);
	background-repeat : no-repeat;
	background-position:  center right;	
}

a.level4, a.level4:link, a.level4:visited {
	color: #000000;
	background-color: #EBEBEB;
	font-size: 85%;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;		
	padding: 0px 12px 2px 12px;
	display: block;
	width: 89%  /* So can select whole row in IE */;	
	background-image: url(../images/arrow-sublevel.gif);
	background-repeat : no-repeat;
	background-position:  center right;
}

a.level4-even, a.level4-even:link, a.level4-even:visited /* All even numbered level4 links need to be white */ {
	background-color: #ffffff;
}

a.level4:hover, a.level4:active {
	color: #000000;
	text-decoration: none;
	background-color: #cccccc;
	background-image: url(../images/arrow-sublevel.gif);
	background-repeat : no-repeat;
	background-position:  center right;
}

a.level4-selected, a.level4-selected:link, a.level4-selected:visited, 
a.level4-selected:hover, a.level4-selected:active  {
	color: #ffffff;
	font-size: 85%;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;		
	background-color: #ff0000;
	padding: 0px 12px 2px 10px;
	display: block;
	text-decoration: none;
	background-image: url(../images/arrow-level4.gif);
	background-repeat : no-repeat;
	background-position:  center right;		
	border-bottom: 2px solid #ffffff;	
}

a.level5, a.level5:link, a.level5:visited {
	color: #000000;
	background-color: #EBEBEB;
	font-size: 85%;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;		
	padding: 0px 12px 2px 10px;;
	display: block;
	background-image: url(../images/arrow-sublevel.gif);
	background-repeat : no-repeat;
	background-position:  center right;	
}

a.level5:hover, a.level5:active {
	color: #000000;
	text-decoration: none;
	background-color: #cccccc;
	background-image: url(../images/arrow-sublevel.gif);
	background-repeat : no-repeat;
	background-position:  center right;
}

a.level5-selected, a.level5-selected:link,a.level5-selected:visited, 
a.level5-selected:hover, a.level5-selected:active {
	color: #ffffff;
	font-size: 85%;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;			
	background-color: #808080;
	padding: 0px 12px 2px 10px;;
	display: block;
	text-decoration: none;
	background-image: url(../images/arrow-level5.gif);
	background-repeat : no-repeat;
	background-position:  center right;		
}

a.level6, a.level6:link, a.level6:visited {
	color: #000000;
	background-color: #EBEBEB;
	font-size: 85%;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;		
	padding: 0px 12px 0px 10px;
	display: block;
}

a.level6:hover, a.level6:active {
	color: #000000;
	text-decoration: none;
	background-color: #cccccc;
	background-image: url(../images/arrow-sublevel.gif);
	background-repeat : no-repeat;
	background-position:  center right;
}

a.level6-selected, a.level6-selected:link, a.level6-selected:visited, 
a.level6-selected:hover, a.level6-selected:active {
	color: #000000;
	background-color: #EBEBEB;
	font-size: 85%;
	font-weight: bold;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;		
	padding: 0px 12px 0px 10px;
	display: block;
}

/* Right-hand column styles */
#rightcolumn /* Main div */ {
	width: 150px;
	float: right;
	padding-top: 10px;
}

#rightcolumn img {
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

#rightcolumn h3 {
	margin: 0px;
	padding: 5px 5px;
}

#rightcolumn p {
	display: block;
	margin: 0px;
	padding: 0px 5px 0px 5px;
}

#rightcolumn form {
	padding: 5px 5px;	
}

#rightcolumn a {
	color: #0000ff;
	font-size: x-small;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;		
	margin: 0px;
	padding: 0px;
}	

#imgSearchStandards, #imgSearchROS {
	/* For search type tabs */
	cursor: pointer;
}

#rightcolumn p.searchlink {
	text-align: right;
	padding: 10px 0px;
	padding-right: 5px;
}	

#searcharea {
	color: #000000;
	font-size: small;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;		
	background-color: #F1F1F1;
	border: 1px solid #cccccc;	
}	

.searchtitle {
	font-size: medium;
	font-weight: bold;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;	
	padding: 5px 5px;
}

.catalogtitle {
  font-size: small;
  font-weight: bold;
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;
  padding: 5px 5px;
}

#searchTabs {
	margin: 0px;
	padding: 0px;
	text-align: center;
	white-space: nowrap;
	position: relative; 
	top: 1px;
	left: 0px;
}

#searchTabs img {
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}

.searchShow {
	display: block;
	background-color: #ECECEC;
	border: 1px solid #999999;
	padding: 0px 3px 3px 3px;
}

.searchHide {
	display: none;
}

#searcharea label{
	font-size: x-small;
	line-height: 13px;
}

input.searchcheck {
	margin: -3px;
	padding: 0px;
}

#extendedSearchResults {
	padding-bottom: 10px;
}

.chksubscribed {
	position: relative;
	top: -15px;
	left: 12px;
}

#cartarea {
	color: #000000;
	font-weight: bold;
	font-size: 11px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;	
	text-align: center;	
	background-color: #ffffff;
	border: 1px solid #cccccc;
	padding: 7px 4px 0px 4px;
	margin-top: 10px;
}

/* Hide from IE5-Mac \ */
* html #cartarea {
	height: 1%;
}
/* End Hide from IE5-Mac */

#cartarealogo {
	float: left;
	margin: 0px;
	padding-bottom: 1px;
	width: 43px; 
	height: 26px;	
	background-image: url(../images/icon-cart-light.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#cartareatitle {
	color: #696969;
	font-size: small;
	font-weight: bold;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;	
	float: right;
}

#cartdetails {
	clear: both;
	background-image: url(../images/background-shoppingcart.gif);
	background-repeat: no-repeat;
	height: 49px;
	padding-bottom: 5px;
}

#cartdetails img {
	padding: 0px;
	margin: 0px;
}

.viewitems {
	text-align: right;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	position: absolute;
	padding-left: 15px;
}

#cartdetails a  {
	color: #0000ff;
	font-size: 11px;
	font-weight: normal;
}

#imgViewOrder {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.itemsnumber {
	margin: 0px;
	padding: 0px 0px 0px 9px;	
	text-align: left;	
	position: relative;
	top: 4px;
	vertical-align: middle;
}

.itemsprice {
	margin: 0px;
	padding-left: 9px;	
	text-align: left;	
	position: relative;
	top: 10px;	
}

.incGST {
	font-size: 10px;
}

/* Container for all Middle (body) column content */
#bodycontent /* Main div */{
	color: #393939;
	font-size: small;	
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;
	padding-left: 155px;
	padding-right: 160px;
	padding-top: 10px;
}

#bodycontent a:link {
   /* color: #aa0000;*/
   color: #3366CC;
   text-decoration: underline;

}
#bodycontent a:visited{
	/* color: #aa0000;*/
	color: #3366CC;
	text-decoration: underline;
}
#bodycontent a:active{
	/* color: #aa0000;*/
	color: #3366CC;
	text-decoration: underline;
}
#bodycontent a:hover{
	/* color: #aa0000;*/
	color: #3399CC;
	text-decoration: underline;
}

#bodycontent-nonav{
	color: #393939;
	font-size: small;	
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;
	padding-left: 0px;
	padding-right: 160px;
	padding-top: 10px;
}

#noleftcol /* No left menu space if left menu not required */ {
	color: #393939;
	font-size: small;	
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;
	padding-left: 0px;
	padding-right: 160px;
	padding-top: 10px;
}

/* Middle (body)column styles of Home Page */
#latestnews {
	color: #393939;
	font-size: small;
	padding: 0px 16px 0px 10px;	
	width: 240px;
	float: left;
}		

#latestnews p {
	margin: 0px;
	padding: 0px 0px 10px 0px;		
}

a.linkmore, a.linkmore:link, a.linkmore:visited {
	color: #003399;
        text-decoration: underline;
}

#standardlinks {
	margin: 0px;
	padding: 0px;	
}

/* Middle (body)column styles of General Pages */
#breadcrumb {
	margin: 0px;
	padding: 0px 0px 5px 0px;	
}

#breadcrumb ul {
	margin: 0px;
	padding: 0px;
}

#breadcrumb ul li {
	display: inline;
	padding: 0px 0px 0px 0px;
}

#breadcrumb img {
	vertical-align: bottom;
}

#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited {
	color: #999999;
	font-size: small;	
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, Sans-Serif;
	text-decoration: none;
}

#breadcrumb a:hover, #breadcrumb a:active {
	text-decoration: underline;
}

/*  Is an image over two middle content columns */
#contenttitle {
	line-height: 40px;
	background-image: url(../images/titlepic-industrysector.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

td.bodycontent {
	padding: 10px 0px 10px 0px;
}	

input.bodycontent, select.bodycontent {
	color: #000000;
	font-size: small;	
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;
	width: 95%;
	padding: 0px 0px 2px 0px;	
}

.pagenavigator ul {
	margin: 0px;
	padding: 10px 0px 10px 0px;
}

.pagenavigator ul li {
	margin: 0px;
	padding: 0px;
	display: inline;
}

.pagenavigator a, .pagenavigator a:link, .pagenavigator a:visited {
	color: #0000ff;
	font-size: small;	
	font-weight: bold;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;	
	margin: 0px;
	padding: 0px 5px 0px 0px;
}

.bodycontent2 {
	color: #000000;
	font-size: small;	
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;
	margin: 0px;
	padding: 0px;	
}

p.bodycontent2 {
	color: #000000;
	font-size: small;	
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;
	margin: 0px;
	padding: 5px 0px 10px 0px;	
}

.bodycontent2 input  {
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

.bodycontent2 img  {
	margin: 0px;
	padding: 0px 0px 8px 0px;
}

.tabletitle {
	color: #000000;
	font-size: small;
	font-weight: bold;	
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, Sans-Serif;
	margin: 0px;
	padding: 0px 0px 10px 0px;	
}

#industrysector {
	width: 280px; 
	padding-top: 10px;
}

#standardlist {
	float: right;
	width: 150px;
	padding: 0px;
}

#standardlist div {
	margin: 0px;
	padding: 5px 0px 0px 0px;	
}

#standardlist p, #standardlist img {
	margin: 0px;
	padding-top: 5px;
}

.draftstandard {
	padding: 10px 10px 0px 10px;
	border: 1px solid #cccccc;
}

.expiring /* Change background colour of all draft standards about to expire */ {
	background-color: #EBEBEB;
}

.draftstandard p {
	margin: 0px;
	padding: 0px 0px 5px 0px;
}	

.draftstandard .downloaddraft {
	position: relative;
	top: 20px;
}

.downloaddraft {
	float: right;
	width: 130px;
	height: 70px;
	padding-left: 5px;
	border-left: 1px solid #cccccc;
}

.downloaddraft a, .downloaddraft a:link, .downloaddraft a:visited {
	position: relative;
	top: 12px;
	font-size: small;	
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, Sans-Serif;
}

.downloaddraft img {
	float: left; 
	padding-top: 12px;	
	padding-right: 4px;
}

.downloadsize {
	color: #ff0000;
	font-weight: bold;
	position: relative;
	top: 12px;
}

.draftdetails {
	padding-right: 145px;
}

/* Must have four levels of navigation and one column in content area for this style to work */
#standardsbrief /* Main div */{
	color: #999999;
	font-size: small;	
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, Sans-Serif;
	width: 210px;
	float: right;
	padding: 0px 10px 0px 10px;
	
}

#standardsbrief div p {
	color: #999999;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#standardsbrief h2 {
	margin: 0px;
	padding: 0px;
}

#standardsbrief h5 {
	font-size: small;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;		
	margin: 0px;
	padding-top: 10px;
}

#standardsbrief img{
	padding-top: 10px;
}

.standardPDFsize {
	color: #ff0000;
	font-weight: bold;
	padding-left: 37px;
}

/*  These styles are used for the shop pages */

#standardstitle {
	background-color: #EDEEEF;
	border: 1px solid #cccccc;
	margin: 0px 0px 10px 0px;
	padding: 10px;
}

#standardstitle div {
	margin-right: 200px;
	border-right: 1px solid #cccccc;
}

#standardstitle p {
	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 0px;	
}

#standardstitle img {
	padding-top: 10px;
}

#standardsupdate {
	margin: 0px 0px 10px 0px;
	padding: 10px;
}

#standardsupdate p {
	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 0px;	
}

#shopcontent {
	margin: 0px;
	padding: 0px;	
	width: 270px;
}	

#shopcontent p {
	margin: 0px;
	padding: 0px 0px 10px 0px;	
}

#shopcontent .specialscontainer p  {
	color: #ff0000;
	font-size: small;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;		
	padding: 5px 41px 5px 130px;
}

#shopcontent .specialstitle {
	color: #ff0000;
	font-size: xx-large;
	font-weight: bold;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;
	padding-top: 8px;
	padding-left: 5px;
	float: left;
}

.pricecontainer  {
	margin: 10px 0px 23px 0; /* Increased bottom margin to avoid subsequent divs from squishing in with the Online Library info */
	width: 280px;
}

.standardprice {
	margin: 0px;
	padding: 0px;
	width: 190px;
	text-align: left;
}

.dollarprice {
	margin: 0px;
	padding: 0px;
	color: #000000;
	float: right;
	
}

.addtocart  {
	margin: 0px;
	padding-left: 2px;
	float: right;
	vertical-align: bottom;
}

.formattype {
	float: left;
}

.specialscontainer  {
	margin: 10px 0px;
	padding-top: 5px;
	width: 269px;
	border: 1px solid #ff0000;
}

.specialscontainer input {
	padding-right: 5px;
}

.partnumber, a.partnumber, a.partnumber:link, a.partnumber:visited {
	color: #003399;		
	margin: 0px 0px;
	padding-left: 0px;
	line-height: 20px;
}

#standardmorelink {
	text-align: right;
}

#standardmorelink div.separatorline-solid {
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 3px;
}

/* These styles are for the Advanced Search page */
#advancedsearch {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	padding-left: 10px;
	padding-bottom: 10px;
}

#advancedsearch label {
	font-weight: bold;
}

#advancedsearch select {
	width: 160px;
}

.internalclass fieldset {
	border: 1px solid #cccccc;
	padding: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.internalclass legend {
	color: #696969;
	font-size: medium;
	font-weight: bold;
	display: inline;
	padding-left: 2px;
	padding-bottom: 7px;
}

#advancedsearch .internalclass select {
	width: 121px;
}

.spacerdot {
	color: #000000;
	font-size: 24px;
	vertical-align: top;
	position: relative;
	top: -10px;
}

#imgAdvancedSearch {
	padding: 0px 10px 0px 15px;
	vertical-align: top;
	position: relative;
	top: 10px;
}

/*  These styles are for search results */
#containerSearchResults {
	color: #999999;
	width: 600px;
	float: left;
}

#containerSearchResults a {
	color: #368125;
	font-weight: bold;
}

#containerSearchResults h4 {
	color: #003399;
}

#frmSearchValues {
	font-weight: bold;
}

#searchResults p {
	margin: 0px;
	padding-bottom: 10px;
}

#resultsSummary div {
	padding-bottom: 10px;
}

.summaryresult {
	font-size: small;
	font-weight: bold;
	float:right;
	width: 500px;
	display: block;
	margin-top: 3px;
}

.resultsNav a, .resultsNav a:link, .resultsNav a:visited {
	font-size: small;
}

/* BD: Styles for extended search results -- copied from forms.css where they are for testing */
#topSearchResults, #synonyms {
	/*background-color: #F1F1F1;*/
	background-color: #F1F1FF;
	padding: 5px;
    border: 1px solid #cccccc;
	margin-bottom: 10px;
	}
#topSearchResults li {
	font-weight: bold;
	}	
	
#synonyms {
	}

/* These style are for Webshop Search Results */
#containerSearchResults .pagenavigator a {
	color: #0000ff;
	font-weight: normal;
}

.webshopsearch-single-result {
	border-top: 1px dashed;
}

#webshopsearchResults .bodycontent2 {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#webshopsearchResults p {
	margin: 0px;
	padding-bottom: 15px;
}

#webshopsearchResults a:link {
   /* color: #aa0000;*/
   font-family: Verdana, Helvetica, Arial, Sans-Serif;
	color: #003399;	
   text-decoration: none;

}
#webshopsearchResults a:visited{
	/* color: #aa0000;*/
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	color: #003399;	
	text-decoration: none;
}
#webshopsearchResults a:active{
	/* color: #aa0000;*/
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	color: #003399;	
	text-decoration: none;
}
#webshopsearchResults a:hover{
	/* color: #aa0000;*/
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	color: #003399;	
	text-decoration: underline;
}

#webshopsearchResults .searchResultsEan {
	font-weight: bold;
	text-decoration: none;
}

#webshopsearchResults .searchResultProductTitle {
	font-weight: normal;
}

#webshopsearchResults .standardstatus {
	color: #000000;
	font-size: 1em;
	font-weight: bold;
	float: right;
	margin: 0px;
	padding: 0px;
}

/* Start of styles for Online library portfolio listing */
div.subscriptionListing {
	margin: 5px 0;
	padding: 10px 0 0 0;
	border-top: 1px dashed #999;
}

.subscriptionListing .searchResultsEan {
	font-weight: bold;
	text-decoration: none;	
	font-size: 1em;
}

.subscriptionListing .searchResultProductTitle {
	font-weight: normal;
}

.subscriptionListing .standardstatus {
	color: #555;
	font-size: .9em;
	font-weight: normal;
	text-align: left;
}

#recentAdditions a, #selectedStandards a {
	color: #003399;	
	text-decoration: none;
	}

#recentAdditions  a:link, #selectedStandards a:link {
   /* color: #aa0000;*/
	color: #003399;	
	text-decoration: none;

}
#recentAdditions a:visited, #selectedStandards a:visited {
	/* color: #aa0000;*/
	color: #003399;	
	text-decoration: none;
}
#recentAdditions a:active, #selectedStandards a:active {
	/* color: #aa0000;*/
	color: #003399;	
	text-decoration: none;
}
#recentAdditions a:hover, #selectedStandards a:hover{
	/* color: #aa0000;*/
	color: #003399;	
	text-decoration: underline;
}
/* End of styles for Online library portfolio listing */


.searchDownload {
	float: left;
	padding-right: 0px;
}

/* These styles are for Online Comments Submission */
#onlinecomment label {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

#onlinecomment p {
	margin: 0px;
	padding-bottom: 10px;
}

.draftcommenttitle {
	color: #ff0000;
	font-size: medium;
	font-weight: bold;
	display: block;
	margin: 0px;
	padding: 10px 0px 0px 0px;	
}

.sectiontitle {
	color: #696969;
	font-size: medium;
	font-weight: bold;
	display: block;
	margin: 0px;
	padding-top: 10px;	
}

.mandatory {
	color: #0000ff;
	font-size: large;
	font-weight: bold;
}

/* Used to seperate content */
.separatorline {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px dashed #999999;
}

.separatorline-solid {
	padding-top: 5px;
	background-image: url(../images/line-solid.gif);
	background-repeat: repeat-x;
	background-position: left center;
}

/*  These styles are for the style Sitemap page */
#sitemap {
	float: left;
	width: 600px;
}

#SMColumn1 {
	width: 50%;
	float: left;
}

#SMColumn2 {
	width: 50%;
	float: right;
}

#SMColumn1 ul, #SMColumn2 ul {
	margin: 0px;
	padding: 0px 10px 0px 0px;
	list-style-type: none;
	width: 140px;
}

#SMColumn1 li, #SMColumn2 li {
	margin: 0px;
	padding: 0px;
	
}

#SMColumn1 ul li ul li, #SMColumn2 ul li ul li {
	margin: 0px;
	padding-left: 10px;
	width: 127px;
}

a.SMlevel1, a.SMlevel1:link, a.SMlevel1:visited {
	color: #000000;
	font-size: small;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;		
	font-weight: bold;	
	background-color: #cccccc;
	padding: 3px 12px 3px 10px;;
	display: block;
	border-top: 8px solid #ffffff;
	border-bottom: 8px solid #ffffff;
}

a.SMlevel2, a.SMlevel2:link, a.SMlevel2:visited {
	color: #000000;
	background-color: #EBEBEB;
	font-size: small;
	font-weight: bold;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;		
	padding: 3px 12px 3px 10px;
	display: block;
	width: 85%;
	border-bottom: 4px solid #ffffff;
}

a.SMlevel3, a.SMlevel3:link, a.SMlevel3:visited {
	color: #ff0000;
	background-color: #ffffff;
	font-size: small;
	font-weight: bold;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;		
	margin: 0px;
	padding: 0px 0px 0px 15px;
	line-height: 14px;
	border: 1px solid #ffffff;
	display: block;
	border-bottom: 4px solid #ffffff;
	width: 110px;
	background-image: url(../images/icon-file.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

a.SMlevel3-channel, a.SMlevel3-channel:link, a.SMlevel3-channel:visited {
	color: #ff0000;
	background-color: #ffffff;
	font-size: small;
	font-weight: bold;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;		
	margin: 0px;
	padding: 0px 0px 0px 15px;
	line-height: 14px;
	border: 1px solid #ffffff;
	display: block;
	border-bottom: 4px solid #ffffff;
	width: 110px;
}

/* Footer column styles */
#footer /* Main div */{
	color: #ffffff;
	float: left;
	width: 100%;
	background-color: #00275D; /* #46781A;*/
}

#footer ul {
	margin: 0px;
	padding-left: 5px;
}			

#footer ul li {
	display: inline;
}		

#footer a {
	font-size: small;
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, Sans-Serif;
	color: #ffffff;
}

/* Web Author Console */
.console {
	color: #182F37;
    font-size: x-small;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;	         
    line-height: 130%;
    background-color: #eeeeee;
}

.consoleError {
	color: #ff0000;
    font-size: x-small;  
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;       
    text-decoration:none;
    line-height: 130%; 
}

.consoleDiv {
    background-color: #FFFFFF; 
    border: 1px solid #182F37;
    filter: Alpha(Opacity=100);
    position: absolute; 
}

.consoleClose {
	color: #ffffff;
    font-size: x-small;  
	font-weight: bold;       
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;
    text-decoration:none;
    line-height: 130%;
    background-color: #5296AD;
}

.consoleLine {
	background-color: #182F37;
}

#consoleLink a, #consoleLinkOn a {        
	padding: 2px 5px 2px 5px;
	width: 100%;
}

.consoleLink, a.consoleLink, a.consoleLink:link, a.consoleLink:visited, 
a.consoleLink:hover, #consoleLink a:active {
	color: #182F37;
	font-size: x-small;         
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;
	text-decoration:none;
}

.consoleLinkOn, a.consoleLinkOn, a.consoleLinkOn:link, a.consoleLinkOn:visited,  
#consoleLinkOn a:hover, a.consoleLinkOn:active {
    color: #ffffff;
    font-size: x-small;         
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;
    background-color: #5296AD;
    text-decoration:none;
}

/* Edit mode styles */

.metadata {
	color: #182F37;
	font-size: x-small;  
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;       
	text-decoration:none;
	line-height: 130%;
    background-Color:#eeeeee;         
}

.metadataDiv
{
    background-color: #ebebeb; 
    border: 1px solid #000000;
    filter: Alpha(Opacity=100);
    position: absolute; 
}
.helpText, a.helpText, a.helpText:link, a.helpTextt:visited, a.helpText:hover, a.helpText:active { 
	color: #666666;
    font-size: x-small;   
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;      
	line-height: 130%;
}

.hiddenTextBox {
	display: none;
}

/* Content Template columns */
.bodycolumnoneShow {
	margin: 0px;
	padding-right: 20px;	
}

.bodycolumntwoShow {
	float: right;
	padding-left: 20px;
	padding-top: 30px;
	display: block;
}

.bodycolumntwoShowMRU {
	float: right;
	padding-left: 20px;
	padding-top: 0px;
	display: block;
}

.bodycolumntwoHide {
	display: none;	
}

#attachment {
	display: block;
	float: right;
	padding-top: 20px;
	padding-left: 10px;
}

.searchError 
{
	color: Red;	
}

#appfs /* Turn fieldset on in application */ {
	border: 1px solid #cccccc;
	padding: 0px 10px 10px 10px;
}

#appfs legend {
	color: #696969;
	font-size: medium;
	font-weight: bold;
	display: inline;
	padding-bottom: 5px;
}

.attachSummaryLeftCol {
	float:left;
	margin:5px;	
}

.attachSummaryRightCol {
	margin-left: 150px;
	display:block;
}

.search_sub {
	font-size: x-small;
	text-align: left;
}

.lalign
{
	text-align: left;
}

.talign
{
	vertical-align: top;
}

.right-smaller
{
	font-size: x-small;
}

#timeline {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	color: #737373;
	font-size: x-small;
	font-weight: bold;
	display: inline;
}

#timeline ul {
	margin: 0px;
	padding: 0px;
	display: inline;
}

#timeline ul li {
	display: inline;
	padding: 0px 0px 0px 0px;
}

.timeline-separator {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px dashed #999999;
	width: 20%;
}

.ralign
{
	text-align: right;
}

.separatorline-on {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px dashed #FF0000;
	color: #FF0000;
}

.separatorline-halfon {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px dashed #FF0000;
	color: #999999;
}

.timeline-smaller {
	font-size: x-small;
}

.arrow-padding {
	padding: 4px;
	vertical-align: middle;
}

.balign {
	vertical-align: bottom;
}

#terms {
	font-size: x-small;
}

.timeline-order-header {
	font-size: x-small;
	font-family: verdana;
	border-bottom: 1px solid #999999;
}

.timeline-order-product {
	font-size: small;
	color: #000000;
	font-weight: bold;
}

.timeline-order-main {
	font-size: small;
	color: #000000;
	font-weight: normal;
}

#orderrightbar {
	float: right;
	border: 1px solid #999999;
	width: 110px;
	font-size: x-small;
	font-family: verdana;
	padding: 4px;
}

#orderrightbar p { /* BT: adjust paragraph spacing */
	margin: 0;
	padding: 2px 0 3px 0;
	}
	
#rightbar-receipt {
	float: right;
}

#rightbar-receiptquote {
	float: right;
	width: 110px;
}

#orderrightbar-receipt {
	border: 1px solid #999999;
	width: 110px;
	font-size: x-small;
	font-family: verdana;
	padding: 4px;
}

#orderrightbar-receipt a, #orderrightbar-receipt a:link, #orderrightbar-receipt a:visited {
	font-size: x-small;
	font-family: verdana;
}

#orderrightbar a, #orderrightbar a:link, #orderrightbar a:visited {
	font-size: x-small;
	font-family: verdana;
	font-weight: bold;
}

#orderleftbar {
	float: left;
	width: 470px;
}


.order-line {
	border-top: 1px solid #999999;
}

.timeline-order-basket {
	font-size: small;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px solid #999999;
	text-align: right;
}

#order-receipt-left {
	color: #999999;
	font-size: small;
	padding: 0px 0px 0px 0px;	
	width: 230px;
	float: left;
}		

#order-receipt-right {
	color: #999999;
	font-size: small;
	padding: 0px 0px 0px 0px;	
	width: 230px;
	float: right;
}		

.rightbar-grey {
	background-color: #ECECEC;
	padding: 2px;
}

.memberlogin {
	border: 1px solid #999999;
	background-color: #ECECEC;
	padding: 4px;
}

#genlinks {
	font-size: x-small;
	text-decoration: underline;
}

.ralign {
	text-align: right;
}

#memberjoin {
	margin: 0px;
	padding: 0px;	
	width: 270px;
	vertical-align: top;
}

#crosssell-panel {
      border: 1px solid; 
      border-color: #aaaaaa; 
      width: 136px;
      padding: 0px;     
}

#crosssell-panel div {
      margin:0px;
      padding: 5px;     
}

#crosssell-panel div div {
      font-size: 9pt;
      margin-top: 2px;
      padding: 2px;     
}

#crosssell-panel div div a {
      color: #003399;         
      margin: 0px 0px;
      font-size: 9pt;
}

#crosssell-panel div h4 {
      font-size: 10pt;
      text-align: center;
      margin:0px;
      padding: 0px;     
}

.campaigns {
    background-color: #F1F1F1;
    border: 1px solid #cccccc;     
    padding: 2px;     
}

.campaigns ul {
	list-style-type: none;
}

.campaigns ul li {
	margin-left: -30px;
	padding: 4px 0;
}

.campaigns h2 {
	margin-top: 0;
}

#customText {
	background-color: #F1F1F1;
    border: 1px solid #cccccc;
    padding: 2px;    
    width: 280px;
    margin-top: 10px;
}

#customText a:link, #customText a:visited, #customText a:hover, #customText a:active{
	color: #003399;
}

.searchCatalog 
{
	width: 180px;
}
/* portfolioList div contains the "My Portfolio" information when viewing a Subscription */
#portfolioList ol {
	margin-top: 0;
} 
	
#standardlist ol {
	margin-top: 0;
	margin-bottom: 0;	
}
#standardlist li {

 }	
/*
 * CSS for Standard tree layout
 * Copyright (C) 2005 SilverStripe Limited
 * Feel free to use this on your websites, but please leave this message in the files
 * http://www.silverstripe.com/blog
 */
 
ul.tree{
	width: inherit;
	padding-left : 0px;
	margin-left : 0px;

}

ul.tree img{
 	border : none;
}
 

ul.tree, ul.tree ul {
	padding-left: 0;
}

ul.tree ul {
	margin-left: 16px;
		
}
ul.tree li.closed ul {
	display: none;
}


ul.tree li {
	list-style: none;
	background: url(../images/i-repeater.gif) 0 0 repeat-y;
	display: block;
	/* background-color:#FFFFFF; */
}



ul.tree li.last {
	list-style: none;
	background-image: none;
}



/* Span-A: I/L/I glpyhs */
ul.tree span.a {
	background: url(../images/t.gif) 0 50% no-repeat;
	display: block;
}
ul.tree span.a.last {
	background: url(../images/l.gif) 0 50% no-repeat;
	
}

/* Span-B: Plus/Minus icon */
ul.tree span.b {
}
ul.tree span.a.children span.b {
	background: url(../images/tree-minus.gif) 0 50% no-repeat;
	cursor: pointer;
}
ul.tree li.closed span.a.children span.b {
	background: url(../images/tree-plus.gif) 0 50% no-repeat;
	cursor: pointer;
}

/* Span-C: Spacing and extending tree line below the icon */
ul.tree span.c {
	margin-left: 16px;
}
ul.tree span.a.children span.c {
	background: url(../images/i-bottom.gif) 0 50% no-repeat;
}
ul.tree span.a.spanClosed span.c {
	background-image: none;
}


/* Anchor tag: Page icon */
ul.tree a  {
	/*white-space: nowrap;*/
	overflow: hidden;
	
	padding: 10px 0px 10px 18px;
	line-height: 16px;

	background: url(../images/page-file.png) 0 50% no-repeat;
}
ul.tree span.a.children a {
	background-image: url(../images/page-openfoldericon.png);
}
ul.tree span.a.children.spanClosed a {
	background-image: url(../images/page-foldericon.png);
}

/* Unformatted tree */
ul.tree.unformatted li {
	background-image: none;
	padding-left: 16px;
}
ul.tree.unformatted li li {
	background-image: none;
	padding-left: 0px;
}

/*
 * Divs, by default store vertically aligned data
 */

ul.tree li div {
	float: right;
	clear: right;
	height: 1em;
	margin-top: -26px;
}
/* As inside DIVs should be treated normally */
ul.tree div a  {
	padding: 0;
	background-image: none;
	min-height: auto;
	height: auto;
}

ul.tree li A:link, ul.tree li A:hover, ul.tree li A:visited {
	color : #111111;

}


ul.tree li .over{
	background-color : pink;
}


/* Put this inside a @media qualifier so Netscape 4 ignores it */
@media screen, print {
	/* Turn off list bullets */
	ul.mktree  li { list-style: none; } 
	/* Control how "spaced out" the tree is */
	ul.mktree, ul.mktree ul , ul.mktree li { margin-left:10px; padding:0px; }
	/* Provide space for our own "bullet" inside the LI */
	ul.mktree  li           .bullet { 
		padding-left: 15px; 
		background-image: url(../images/mk-tree-minus.gif);
		background-repeat:  no-repeat; 
		background-position: center left;
	}
	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen    .bullet { 
		cursor: pointer; 
		background-image: url(../images/mk-tree-minus.gif);
		background-repeat:  no-repeat; 
		background-position: center left;
	}
	ul.mktree  li.liClosed  .bullet { 
		cursor: pointer; 
		background-image: url(../images/mk-tree-plus.gif);
		background-repeat:  no-repeat; 
		background-position: center left;
	}
	ul.mktree  li.liBullet  .bullet { 
		cursor: default; 
		background-image: url(../images/mk-tree-bullet.gif);
		background-repeat:  no-repeat; 
		background-position: center left;
	}
	/* Sublists are visible or not based on class of parent LI */
	ul.mktree  li.liOpen    ul { display: block; }
	ul.mktree  li.liClosed  ul { display: none; }
	/* Format menu items differently depending on what level of the tree they are in */
	ul.mktree  li { font-size: 12pt; }
	ul.mktree  li ul li { font-size: 10pt; }
	ul.mktree  li ul li ul li { font-size: 8pt; }
	ul.mktree  li ul li ul li ul li { font-size: 6pt; }
}

/* 'Link to this page' styles*/
#linkToPageDiv, #linkToDraftDiv {
	text-align: right;
}

#linkToPageDiv img, #linkToDraftDiv img {
	border: 0;
}

 #linkToDraftDiv {
	margin-top: 5px;
	padding-top: 5px;
}

 #linkToDraftDiv input {
	width: 98%;
}

img {
	border: none;
}

ol.compact {
	margin-left: 12px;
	padding: 10px;
}

ol.compact li {
	margin-left: 0;
	padding: 0;
}

.subscription-user-message p {
	padding: 2px;
	margin: 0;
	}
	
.subscription-user-message {
	background-color: #F1F1FF;
	padding: 5px;
    border: 1px solid #cccccc;
	margin-bottom: 10px;
	}
	
/* For notes that are part of a link eg. [124 kB PDF]*/
.link-note {
	font-size: smaller;
}


/* For a general note */
.note {
	font-weight: bold;
	font-size: 0.9em;
}

/* Style contact information avoiding use of tables*/

.contact-info {
	min-height: 0;
	}

.contact-info div {
	float: left;
	width: 100%;	/* So each definition is on its own 'row' ? */
	margin-bottom: 8px;
	}

.contact-info dl {
	float: left;
	width: 100%;
	margin-top: 0;
	padding-top: 0;
	}

.contact-info dt {
	float: left;
	width: 9em;
	clear: left;
	font-weight: bold;
	}

.contact-info dd {
	float: left;
	width: 25em;
	margin-left: 0;
	padding-left: 0;
	font-weight: normal;
	}

/* to fix issues in IE6 */

* html .contact-info dl {
	padding-top: 1em;
	padding-bottom: 1em;
	}


/* Highlighted messages on home page */

.lookatme {
	/*
		background-image: url(http://spex.standards.co.nz/images/new_icon.gif);
		background-color: #CCCCCC;
		border: thin solid #666666;
	*/
	  
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0px 6px;
	
	background-color: #F1F1FF;
    border: 1px solid #cccccc;
	
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	margin: 2px;    
}

.lookatme h1 {
	color: #00275D;
	font-weight: bold;
	margin-top: 5px;

}

.lookatme p {
	margin-bottom: 3px;
	margin-top: 5px;
}


.corporate-table {
	border-collapse: collapse;
	border: 1px solid #999999;
	width: 85%;
}

.corporate-table caption {
	font-weight: bold;
	color: #00295b
}


.corporate-table thead {
	background-color: #00295b;
	border-collapse: collapse;
	color: #fff;
	text-align: center;
	font-size: 8pt;
}

.corporate-table td {
	padding-left: 20px;
	border-bottom: 1px solid #999999;
	
}

.sub-heading {
	font-weight: normal;
}

.m-column {
	text-align: left;
	padding-left: 0;
	width: 17%;
	font-size: smaller;
}

.annual-fee-column {
	border-left: 1px solid #999999;
	width: 17%;
}


/* Style for faqs */

.faq p {
	margin: 10px;
}

#faqs h2 {
	font-weight: normal;
}

#faqs h2 a:link {
	text-decoration: none;
}
#faqs h2 a:visited {
	text-decoration: none;
}

#faqs h2 a:active {
	text-decoration: none;
}

#faqs h2 a:hover {
	text-decoration: underline;
}

/* Single faq */
div.faq {
	margin-bottom: 15px;
	padding-left: 15px;
	background-image: url(../images/arrow-sublevel.gif);
	background-repeat: no-repeat;	
	background-position: left .4em;
	
}

cite {
	font-style: italic;
}

blockquote {

}

/* Quick links div */
#quick-links-div h1 {
	color: #00275D;
	font-weight: bold;
	margin-top: 5px;
} 

#quick-links-div ul {
	list-style-type: none;
	margin: 0px;
	padding: 0 0 5px 0;	
	
}

#quick-links-div li {
	padding-left: 10px;
	background-image: url(../images/arrow-sublevel.gif);
	background-repeat: no-repeat;	
	background-position: left 5px;

}

#quick-links-div a {
	font-size: .90em;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	color: #3366CC;
	
}
#quick-links-div a:link {
	text-decoration: none;
}
#quick-links-div a:visited {
	text-decoration: none;
}

#quick-links-div a:active {
	text-decoration: none;
}

#quick-links-div a:hover {
	text-decoration: underline;
}

/* recent publications */

.recentPublications {
	FONT-SIZE: 0.85em;
}

.recentPublications p 
{
	background: url(/img/roundedredbullet.png) 0 50% no-repeat; 
	padding-left: 15px;
	margin-bottom: 2px;
}

/* overridden prices */

.overrideHighlight {
	background-color: pink;
}

.captioned-image {	
	width: 400px;		/* Same as image maximum */
	margin: 5px auto; 	/* So image is displayed in the centre */
}

.captioned-image p {
	text-align: left;
	font-size: .8em;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
}

/* Terms and conditions */
.term {
	font-weight: bold;
	font-style: italic;
}

/* For lists that user can type in their own numbers such as 1.1, 1.2 etc. */
.unbulleted-unnumbered li {
	list-style-type: none;
	margin-bottom: 10px;
}

#terms-and-conditions h3 { /* Force headings to be uppercase */
	text-transform: uppercase;
}

ol.tbtmenu {
	margin: 0;
	padding: 0;
}

ol.tbtmenu li {
list-style-type: none;
list-style-image: none;
list-style-position: outside;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 1px;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ffffff;
background-color: #e8edff;
background-image: url("/images/table-images/gradback.png");
background-repeat: repeat-x;
background-attachment: scroll;
background-position: 0% 0%;
}

ol.tbtmenu li:hover {
background-color: #d0dafd;
background-image: url("/images/table-images/gradhover.png");
background-repeat: repeat-x;
background-attachment: scroll;
background-position: 0% 0%;
color: #333399;
}
form.signUpForm {
	text-align:left;
}
form.signUpForm fieldset {
  padding: 10px;
  margin: 10px;
  border: 1px solid #666699;
}
form.signUpForm legend {
  padding: 0 2px;
  font-weight: bold;
  display:block;
}
form.signUpForm label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.signUpForm fieldset ol {
  margin: 0;
  padding: 0;
}
form.signUpForm fieldset li {
  list-style: none;
  padding: 1px;
  margin: 0;
}
form.signUpForm fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.signUpForm fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}

form.signUpForm fieldset fieldset label {
  display: block;
  width: auto;
}

form.signUpForm em {
  font-weight: bold;
  font-style: normal;
  color: #f00;

}

form.signUpForm label {
  width: 100px; /* Width of labels */
}

form.signUpForm input.textInput {
	width: 100px;
}