body { 
width : 1024px;
margin : 0 auto 0 auto;
padding : 0;
color : #3f3f3f;
font-family : FreeSans, Sans-Serif, Arial, Helvetica;  
text-decoration : none;
line-height : 1.2;
/* set line height to avoid ie peekaboo bug */
background : #ffffff;
}
iframe {
float : right;
width : 425px;
height : 350px;
border : none;
padding : 0 0 12px 40px;
margin : 0;
}
table {
display : block;
padding : 4px;
margin : 0;
border :none;
}
a {
color : #3f3f3f;
text-decoration : none;
}
a.buttonsimple{ 
display : block;
width : 200px;
height : 36px;
margin : 6px 0 0 0;
padding : 0 0 0 6px;
font-size : 20px;
line-height : 36px;
background : url("/image/button_simple.png") no-repeat;
color : #ffffff;
} 
a.buttonsimple:hover { 
background : #ffffff url("/image/button_simple.png") no-repeat 0 -36px;
} 
a.buttonsimplelarge{ 
display : block;
width : 588px;
height : 64px;
margin : 6px 0 0 0;
padding : 36px 0 0 12px;
font-size : 22px;
line-height : 22px;
background : url("/image/button_simple_large.png") no-repeat;
color : #ffffff;
} 
a.buttonsimplelarge:hover { 
background : #ffffff url("/image/button_simple_large.png") no-repeat 0 -100px;
} 
#maincontent {
padding : 0 32px 0 32px;
background : url("/image/background_top.png") no-repeat;
}
#footer {
font-size : 10px;
height : 41px;
min-height : 41px; !important
width : 1024px;
clear: both;
padding : 0 32px 0 32px;
margin : 0;
background : url("/image/background_bottom.png") no-repeat left bottom;
}
#logobar {
background : url("/image/logobar_right.png") no-repeat right top;
height : 151px;
margin : 6px 0 0 0;
padding : 0;
}
#navbar { 
background : url("/image/navbar_left.png") no-repeat left top;
margin : 0;
padding : 0;
height : 36px;
clear : both;
} 
#standardform { 
margin : 0;
padding : 0;
} 
#standardform p { 
height: 32px;
line-height: 32px;
margin : 0 12px 0 0;
}
#standardform input { 
height : 22px;
}
#standardform input.submit { 
width : 200px;
height : 36px;
margin : 12px 0 0 0;
padding : 0;
background : #ffffff url("/image/button_simple_go.png") no-repeat;
color : #ffffff;
outline : none;
border : none;
} 
#standardform input.submit:hover { 
background : #ffffff url("/image/button_simple_go.png") no-repeat 0 -36px;
} 
#standardform input.ok { 
padding : 2px;
} 
#standardform input.error { 
padding : 2px;
border : 2px solid #ff0000;
} 
.container {
display : block;
margin : 0;
padding : 0;
float : left;
}
.centrecontainer {
display : block;
width : 300px;
margin : 0 auto 0 auto;
padding : 0;
}
.leftcontainer {
display : block;
margin : 0;
padding : 0;
width : 760px;
float : left;
}
.rightcontainer {
display : block;
margin : 0;
padding : 0;
width : 200px;
float : right;
}
.halfcontainer {
width : 49%;
display : block;
margin : 0;
padding : 0;
float : left;
}
.thirdcontainer {
width : 32%;
display : block;
margin : 0;
padding : 6px;
float : left;
}
h1 {
line-height : 20px;
font-size : 18px;
font-weight : bold;
margin : 6px 0 12px 0;
}
h2 {
line-height : 18px;
font-size : 16px;
font-weight : bold;
}
.featurelist {
display : block;
clear : both;
margin 0;
lpadding : 0;
}
.featurelist a {
line-height : 24px;
font-size : 14pt;
font-weight : bold;
}
.featurelist ul li {
list-style : none;
}
.featurelist ul {
margin : 0 24px 0 0;
padding : 0 0 4px 20px;
}
.featurelist ul.f {
background : url("/image/features_bluebox.png") no-repeat left top;
}
.featurelist ul.cc {
background : url("/image/features_greenbox.png") no-repeat left top;
}
.featurelist ul.ec {
background : url("/image/features_yellowbox.png") no-repeat left top;
}
.featurelist ul.eba {
background : url("/image/features_orangebox.png") no-repeat left top;
}
.featurelist ul.bo {
background : url("/image/features_cyanbox.png") no-repeat left top;
}
.featurelist ul.s {
background : url("/image/features_redbox.png") no-repeat left top;
}
#maintext {
margin : 0;
}
#maintext span {
padding : 0 40px 0 20px;
display : block;
}
#maintext span.cc {
background : url("/image/features_greenbox.png") no-repeat left top;
}
#maintext span.f {
background : url("/image/features_bluebox.png") no-repeat left top;
}
#maintext span.ec {
background : url("/image/features_yellowbox.png") no-repeat left top;
}
#maintext span.eba {
background : url("/image/features_orangebox.png") no-repeat left top;
}
#maintext span.bo {
background : url("/image/features_cyanbox.png") no-repeat left top;
}
#maintext span.s {
background : url("/image/features_redbox.png") no-repeat left top;
}
#maintext span.dms {
background : url("/image/features_dmscolourbox.png") no-repeat left top;
}
.ruletab {
float : right; 
margin : 0;
padding : 0;
} 
.ruletab ul { 
padding : 0;
margin : 0;
list-style : none;
} 
.ruletab li { 
float : left;
background : url("/image/maintab_left.png") no-repeat 0 0;
margin : 0;
padding : 0 0 0 4px;
} 
.ruletab a { 
float : left;
display : block;
background : url("/image/maintab_right.png") no-repeat right 0;
margin : 0 0 0 0px;
padding : 6px 3px 8px 0px;
font-size : 10pt;
font-weight : normal;
text-decoration : none;
color : #ffffff;
} 
.ruletab li:hover { 
background : url("/image/maintab_left.png") no-repeat 0 -36px;
} 
.ruletab #selected { 
background-image : url("/image/maintab_left_selected");
} 
.ruletab #selected a { 
background-image : url("/image/maintab_right_selected");
} 
.infobox {
margin : 12px auto 0 auto;
background : #ffffff url("/image/infobox_background.png") no-repeat;
height : 200px;
width : 200px;
min-height : 200px; !important
font-size : 11pt;
font-weight : normal;
text-decoration : none;
color : #3f3f3f;
}
.infobox h1 {
height : 16px;
font-size : 16px;
font-weight : bold;
text-decoration : none;
margin : 0;
padding : 6px 0 0 20px;
}
.infobox ul {
margin : 6px;
padding : 0;
/* use margin rather than padding to avoid ie calulation error */
}
.infobox ul li {
margin : 0;
padding : 0 0 4px 20px;
background : url("/image/item_bullet.gif") no-repeat top left;
/* use gif to avoid ie transparent png bug */
list-style : none;
}
img.clean {
border : none;
}
p.done { 
font-size : 14px;
display : block;
height : auto;
min-height: 36px; !important
color : #303030;
font-weight : bold;
margin : 6px 6px 6px 0;
padding : 6px 6px 6px 36px;
clear : both;
border : 1px solid #00ff00;
background-color : #ffffcc;
background-image : url("/image/msg_done.png");
background-repeat : no-repeat;
background-position : top left;
} 
p.error { 
font-size : 14px;
display : block;
height : auto;
min-height: 36px; !important
color : #303030;
font-weight : bold;
margin : 6px 6px 6px 0;
padding : 6px 6px 6px 36px;
clear : both;
border : 1px solid #ff0000;
background-color : #ffffcc;
background-image : url("/image/msg_error.png");
background-repeat : no-repeat;
background-position : top left;
} 
h4 {
margin : 0;
padding : 0;
width : 960px;
height : 1px;
clear : both;
}
a:hover { 
text-decoration : underline;
}