BODY { 

	background-image:  url(http://www.mysrs.co.nz/images/bgblue.jpg);
	background-repeat: repeat-x;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}

TABLE.HeaderBar { 
  BACKGROUND-COLOR: #C5C5C5; 
}
TD.Header { 
  COLOR: #000000; 

  TEXT-ALIGN: right
}
TD.HeaderBar { 
  COLOR: #000000; 
  BACKGROUND-COLOR: #C5C5C5; 
  FONT-SIZE: 10px; 
  FONT-FAMILY: Verdana,Tahoma,Arial  
}
TD.Footer { 
  FONT-SIZE: 10px; 
  FONT-FAMILY: Arial;
  TEXT-ALIGN: right  
}
TD.Copyright { 
  COLOR: #808080; 
  FONT-SIZE: 10px; 
  FONT-FAMILY: Verdana,Tahoma,Arial;
  TEXT-ALIGN: center   
}
TD.Main { 
  TEXT-ALIGN: left;
  FONT-SIZE: 10px; 
  FONT-FAMILY: Verdana,Tahoma,Arial  
}
TD.LeftSide { 
  COLOR: #000000; 
  FONT-SIZE: 10px; 
  FONT-FAMILY: Verdana,Tahoma,Arial;
  TEXT-ALIGN: center   
}
TD.RightSide { 

  COLOR: #000000; 
  FONT-SIZE: 10px; 
  FONT-FAMILY: Verdana,Tahoma,Arial;
  TEXT-ALIGN: left 
}
TD.Step {
  COLOR: #000000; 
  FONT-SIZE: 10pt;
  FONT-FAMILY: Verdana,Tahoma,Arial;
  FONT-WEIGHT: bold;
  BACKGROUND-COLOR: #FFFFFF;
  TEXT-ALIGN: left  
}
TD.SubStep { 
  FONT-SIZE: 10px;
  FONT-FAMILY: Verdana,Tahoma,Arial;
  FONT-WEIGHT: bold;
  BACKGROUND-COLOR: #FFFFFF;
  TEXT-ALIGN: left
}
TD.Normal { 
  COLOR: #000000; 
  FONT-SIZE: 10px; 
  FONT-FAMILY: Verdana,Tahoma,Arial  
}
TD.InvoiceHead { 
  FONT-SIZE: small; 
  FONT-FAMILY: Verdana,Tahoma,Arial
}
TD.InvoiceItemHead {
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-SIZE: x-small;
    FONT-FAMILY: Verdana,Tahoma,Arial;
    BACKGROUND-COLOR: silver
}
TD.InvoiceItemTop {
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-SIZE: x-small;
    FONT-FAMILY: Verdana,Tahoma,Arial
}
TD.InvoiceItemAmt {
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-SIZE: x-small;
    FONT-FAMILY: Verdana,Tahoma,Arial;
    TEXT-ALIGN: right
}
TD.InvoiceItemDesc {
    PADDING-LEFT: 20px;
    FONT-SIZE: x-small;
    FONT-FAMILY: Verdana,Tahoma,Arial
}
TD.InvoiceItemTotal {
    PADDING-RIGHT: 10px;
    FONT-SIZE: x-small;
    FONT-FAMILY: Verdana,Tahoma,Arial;
    BACKGROUND-COLOR: silver;
    TEXT-ALIGN: right
}

TD.CartItemHead {
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana,Tahoma,Arial;
    BACKGROUND-COLOR: #D2E9FF
}
TD.CartItemTop {
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana,Tahoma,Arial
}
TD.CartItemAmt {
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana,Tahoma,Arial;
    TEXT-ALIGN: right
}
TD.CartItemDesc {
    PADDING-LEFT: 5px;
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana,Tahoma,Arial
}
TD.CartItemTotal {
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana,Tahoma,Arial;
    BACKGROUND-COLOR: #D2E9FF;
    TEXT-ALIGN: right
}

INPUT.Button
{
  BORDER-RIGHT: #104a7b 1px solid;
  BORDER-TOP: #afc4d5 1px solid;
  BORDER-LEFT: #afc4d5 1px solid;
  BORDER-BOTTOM: #104a7b 1px solid;
  FONT-SIZE: 8pt;
  BACKGROUND: #d6e7ef;
  CURSOR: hand;
  COLOR: #000066;
  FONT-FAMILY: Verdana,Tahoma,Arial;
  TEXT-DECORATION: none
}
INPUT.InputText
{
  BORDER-LEFT: #104a7b 1px solid;
  BORDER-BOTTOM: #afc4d5 1px solid;
  BORDER-RIGHT: #afc4d5 1px solid;
  BORDER-TOP: #104a7b 1px solid;
  FONT-SIZE: 8pt;
  BACKGROUND: #d6e7ef;
  COLOR: #000066;
  TEXT-DECORATION: none
}
TEXTAREA.Textarea
{
  FONT-SIZE: 8pt;
  FONT-FAMILY: Verdana,Tahoma,Arial;
}

TD.CatHead { 
  FONT-SIZE: 10px;
  FONT-FAMILY: Verdana,Tahoma,Arial;
  FONT-WEIGHT: bold;
  BACKGROUND-COLOR: #AAB29B;
  TEXT-ALIGN: center
}
TD.CatItem { 
  FONT-SIZE: 10px;
  FONT-FAMILY: Verdana,Tahoma,Arial;
  FONT-WEIGHT: normal;
  BACKGROUND-COLOR: #D7DBCD;
  TEXT-ALIGN: center
}
TD.CatName { 
  FONT-SIZE: 10px;
  FONT-FAMILY: Verdana,Tahoma,Arial;
  FONT-WEIGHT: normal;
  BACKGROUND-COLOR: #D7DBCD;
  TEXT-ALIGN: left
}
.navtext {
  width:400px;
  border-width:1px;
  border-style:outset;
  border-color:darkgray;
  layer-background-color:#FFFDE6;
  background-color:#FFFDE6;
  color:black;
  COLOR: #000000; 
  FONT-SIZE: 10px; 
  FONT-FAMILY: Verdana,Tahoma,Arial;  
}  

A.menu:active { 
  COLOR: white; 
  TEXT-DECORATION: none 
}
A.menu:link { 
  COLOR: white; 
  TEXT-DECORATION: none 
}
A.menu:visited { 
  COLOR: white; 
  TEXT-DECORATION: none 
}
A.menu:hover { 
  COLOR: black; 
  TEXT-DECORATION: none 
}

TD.tab {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}

A.tab:link  
{   
  FONT-SIZE: 9px;
  FONT-FAMILY: Verdana,Tahoma,Arial;
  color: #000000; text-decoration: none 
}
A.tab:active 
{ 
  FONT-SIZE: 9px;
  FONT-FAMILY: Verdana,Tahoma,Arial;
  color: #000000; text-decoration: none 
}
A.tab:visited 
{ 
  FONT-SIZE: 9px;
  FONT-FAMILY: Verdana,Tahoma,Arial;
  color: #000000; text-decoration: none 
}
A.tab:hover 
{ 
  FONT-SIZE: 9px;
  FONT-FAMILY: Verdana,Tahoma,Arial;
  color: #000000; text-decoration: none 
}

.homeNewsLink {
	FONT-SIZE: 12px; COLOR: #548EE4; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.homeNewsLink:hover {
	FONT-SIZE: 12px; COLOR: #f7921c; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
.homeNewsText {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.text10 {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.linkSize10 {
	FONT-SIZE: 10px; COLOR: #548ee4; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.linkSize10:hover {
	FONT-SIZE: 10px; COLOR: #f7921c; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
.linkSize11 {
	FONT-SIZE: 11px; COLOR: #548ee4; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.linkSize11:hover {
	FONT-SIZE: 11px; COLOR: #f7921c; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
.homeLink {
	FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.homeLink:hover {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.contentsBarLink {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.menuBarLink {
	FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.menuBarLink:hover {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.tableHeader {
	FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.tableHeaderBlue {
	FONT-SIZE: 13px; COLOR: #548ee4; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.tableHeaderOrange {
	FONT-SIZE: 13px; COLOR: #f7921c; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.tableHeaderLinkBlue {
	FONT-SIZE: 12px; COLOR: #548ee4; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.tableHeaderLinkBlue:hover {
	FONT-SIZE: 12px; COLOR: #f7921c; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
.tableHeaderLinkOrange {
	FONT-SIZE: 12px; COLOR: #f7921c; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.tableHeaderLinkOrange:hover {
	FONT-SIZE: 12px; COLOR: #548ee4; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
.tableHeaderLinkWhite {
	FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.tableHeaderLinkWhite:hover {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.tableText {
	FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.pageText {
	FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

TH.ResultHead { 
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana,Tahoma,Arial;
    BACKGROUND-COLOR: #D2E9FF
}
TD.ResultItem { 
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana,Tahoma,Arial;
}

a.Logout:active { 
  COLOR: white; 
  TEXT-DECORATION: none 
}
a.Logout:link { 
  COLOR: white; 
  TEXT-DECORATION: none 
}
a.Logout:visited { 
  COLOR: white; 
  TEXT-DECORATION: none 
}
a.Logout:hover { 
  COLOR: black; 
  TEXT-DECORATION: none 
}



#container {
	width: 606px;
	margin-top: 45px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;

}
#topshadow {
	background-image: url(http://www.mysrs.co.nz/images/topshadow.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	text-align: right;

}
#headershadow {
	background-image: url(http://www.mysrs.co.nz/images/headershadow.jpg);
	background-repeat: no-repeat;
	height: 195px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;


}
#bottomshadow {
	background-image: url(http://www.mysrs.co.nz/images/bottomshadow.jpg);
	background-repeat: no-repeat;
	height: 15px;
	overflow: hidden;

}
#bodycon {
	background-image: url(http://www.mysrs.co.nz/images/bodyshadow.jpg);
	background-repeat: repeat-y;

}
#topbg {
	background-image: url(http://www.mysrs.co.nz/images/topbg.jpg);
	background-repeat: repeat-y;
	height: 40px;
	margin-top: 0px;
	margin-right: 13px;
	margin-left: 13px;
	text-align: left;
	margin-bottom: 0px;
	padding: 0px;
}
#title {
	margin: 0px;
	float: left;
	width: 150px;
	padding: 0px;
	position: relative;
	left: 9px;
	top: 7px;
}
#pageindex {
	width: 92px;
	float: right;
	background-image: url(http://www.mysrs.co.nz/images/hederchanger.jpg);
	background-repeat: no-repeat;
	margin-top: 10px;
	background-position: 0px -48px;
	height: 24px;
	margin-right: 10px;
	display: none;
}
#headercontainer {
	padding-top: 5px;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-left: 13px;
}
#try {
	background-color: #FFFFFF;
	height: 180px;
	width: 190px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#trytitle {
	height: 30px;
	background-color: #006699;
	overflow: hidden;
	background-image: url(http://www.mysrs.co.nz/images/trytitle.jpg);
	background-repeat: no-repeat;
	background-position: 0px;
}
#trytitle span {
	display: none;
}
#wbox {
	height: 140px;
	width: 170px;
	border: 1px solid #999999;
	position: relative;
	left: 5px;
	top: 5px;
}
#walkthru {
	height: 140px;
	padding: 0px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #666666;
	overflow: auto;
	width: 170px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
#walkthru ul {
	padding: 0px;
	margin: 0px;
}
#walkthru li, #walkthru li li {
	margin: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#lititle span {
	font-size: 13px;
	font-weight: bold;
	color: #006599;
	line-height: 120%;
	
}
#headerpic{
	height: 180px;
	width: 580px;
	background-image: url(http://www.mysrs.co.nz/images/index.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#navigation {
	clear: both;
	height: 20px;
	padding-top: 5;
	font-size: 10px;
	letter-spacing: 2px;
	background-color: #006699;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	margin: 0 13 0 13;
}
#nav	{
	margin: 0;
	padding: 0 0 0 10px;

}

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

#nav a:link, #nav a:visited	{
	float: left;
	line-height: 14px;
	font-weight: bold;
	margin: 0 10px;
	text-decoration: none;
	color: #FFFFFF;
	border-bottom: 4px solid #006699;
	padding-bottom: 2px;
}

body.home #nav li.home a,
body.gallery #nav li.gallery a,
body.resources #nav li.resources a,
body.xml #nav li.xml a,
body.submit #nav li.submit a,
body.about #nav li.about a,
#nav a:hover	{
	border-bottom: 4px solid #FFFFFF;
	padding-bottom: 2px;
	background: transparent;
	color: #000;
}

#nav a:hover, span.home {
	color: #84D7FF;
}

#entry {
	clear: both;
	margin-left: 13;
	margin-right: 13;
	margin-top: 10;
	background-color: #FFFFFF;
	line-height: 22px;
}
#entry img{
	margin: 0;
	padding: 0;
}
#mainentry {
	float: left;
	text-align: justify;
	font-size: 90%;
	color: #666666;
	padding: 10;
	background-color: #EEEEEE;
	overflow: hidden;
}
* html #mainentry   /* this selector recognized by IE only */
{
  width: 580;   /* total width (only for IE5.x/Win) */
  w\idth: 580;  /* content width (for other IE) */
}

#mainentry
{
	padding: 10;
	width: 580;   /* content width (for other browsers) */
}
#biggie {
	overflow: hidden;
	height /**/:22px;
	display: inline;
	font-size: 150%;
	font-weight: bold;
	color: #339900;
	padding-top: 0;
	padding-right: 2;
	padding-bottom: 0;
	padding-left: 2;
}

#sidebar {
	background-color: #EEEEEE;
	float: right;
	text-align: center;
	padding-top: 10;
	padding-bottom: 10;
}
* html #sidebar   /* this selector recognized by IE only */
{
	width: 220;   /* total width (only for IE5.x/Win) */
	w\idth: 220;  /* content width (for other IE) */
}

#sidebar {
	padding: 10 10 0 10;
	width: 200;   /* content width (for other browsers) */
}
#sidebar img {
	margin-bottom: 10px;
}
#footer {
	text-align: center;
	padding-bottom: 20;
	background-color: #006699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #FFFFFF;
}
#footer span {
	display: block;
	padding-top: 20;
}
#navcontainer ul
{
list-style-type: none;
text-align: left;
}

#navcontainer ul li a
{
	padding-left: 15px;
	text-align: left;
	text-decoration: none;
	color: #999999;
	background-color: transparent;
	background-image: url(http://www.mysrs.co.nz/images/bullets.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

#navcontainer ul li a:hover
{
background-position: 0px -12px;
color: black;
}

#navcontainer ul li a#current
{
background-position: 0px -24px;
color: #666;
}
span.special {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 110%;
	color: #0099CC;
	
}