html{
	height:100%;
	margin:0 0 1px 0;
}
.navigationBox {
	width: 900px;
}
.wrap{
	margin:0 0 0 0;
	padding:0.3em 0.6em 0.3em 0.3em;
	background:#009bd5;
	border-bottom:1px solid #00799e;
}
.top{
	margin:1em 0 0 0;
}
.wrapapply{
	margin:0.5em 0 0 0;
	padding:0.8em;
	width:20em;
	float:left;
	display:inline;
	background:#009bd5;
	border-bottom:1px solid #00799e;
}
.leftapply{
	margin-right:1em;
	width:16em;
	display:inline;
}
.one{
	margin:1em 0 0 0;
	padding:0 0.3em 0.3em 2em;
	background:#009bd5 url(../images/topazcard/1.gif) no-repeat 0.4em 0.3em;
}
.two{
	padding:0 0.3em 0.3em 2em;
	background:#009bd5 url(../images/topazcard/2.gif) no-repeat 0.4em 0.3em;
}
.three{
	padding:0 0.3em 0.3em 2em;
	margin-bottom:1em;
	background:#009bd5 url(../images/topazcard/3.gif) no-repeat 0.4em 0.3em;
}
.one h4, .two h4, .three h4{
	padding-top:0.3em;
	margin:0em;
}
.stepone{
	padding:0.1em 1em 0.1em 0.1em;
	text-align:right;
	background:#009bd5 url(../images/topazcard/1.gif) no-repeat 0.2em right;
}
.steptwo{
	padding:0.1em 1em 0.1em 0.1em;
	text-align:right;
	background:#009bd5 url(../images/topazcard/2.gif) no-repeat 0.2em right;
}
.stepthree{
	padding:0.1em 0.1em 0.1em 1em;
	background:#009bd5 url(../images/topazcard/3.gif) no-repeat 0.2em left;
	z-index:2000;
}
.adobe{
	padding:0.6em 4.5em 0.6em 4.5em;
	display:inline;
	text-decoration:none;
	background:url(../images/topazcard/get_adobe_reader.gif) no-repeat 0 0;
}
.insideLeft .wrap img{
	float:left;
	padding:0.5em 0.7em 0 0.5em;
	margin:0;
	display:block;
}
.wrap a{
	margin:0;
	padding:0;
}
.wrap h4{
	margin:0.6em 0 0 0;
}
.clearboth{
	width:100%;
	line-height:0;
	height:0;
	font-size:0;
	clear:both;
}
.fullWidth{
	padding:0 1.2em 0 0;
	padding:0 0 0 0;
	margin:0;
	clear:both;
}
.fullWidth p{
	font-size:0.9em;
}
.fullWidth h4{
	padding:0.4em 0 0 0;
}
.fullWidth ul, .insideLeft ul{
	list-style:none;
	margin:0.7em 0 0.7em 0;
	padding:0;
}

.fullWidth ul li, .insideLeft ul li{
	background:url(../images/topazcard/bullet.gif) no-repeat left 0.6em;
	padding-left:1em;
}
.fullWidth a {
	color: #fcca2e;
}

.fullWidth a:hover {
	color: #80e47a;
	text-decoration: none;
}
.content {
	margin: 10px 20px;
	width: 868px;
}
.bgfieldset1{
	background:#fecb58;
	padding:0.8em 0.5em 0 0.5em;
	border-top:1px dotted #fff;
	border-bottom:1px dotted #fff;
	margin:0 auto 0 auto;
	width:350px;
	clear:both;
}
.bgfieldset2{
	background:none;
	padding:0.8em 0.5em 0 0.5em;
	margin:0 auto 0 auto;
	width:350px;
	clear:both;
}
.panelOne a, .panelTwo a, .panelThree a, .panelOne a:hover, .panelTwo a:hover, .panelThree a:hover{
	color:#FFFFFF;	
}
.panelOne p, .panelTwo p, .panelThree p{
	font-size:0.7em;	
}
.padbottom{
	margin:1em 0 0.5em 0;
	height:13em;
}
.insideLeft .padbottom img{
	padding:0;
	margin:0;
}
table{
	font-size:0.8em;
	margin:0.6em 0 0.6em 0;
}

.wide-table table {
    font-size: 0.7em;
}

table a{
	color:#ffc212;
	text-decoration:none;
}
table a:hover{
	color:#FFFFFF;
}

td,dl {
	font-weight:500;
    margin: 0;
	}
td {
	text-align:left;
    padding: 0em 0.3em 0em 0.6em;
	border-bottom:1px solid #018baf;
	vertical-align: top;
	}

td.number, th.number {
    text-align: right;
}
th {
	text-align:left;
    padding: 0.3em 0.3em 0.3em 0.6em;
	border-bottom:1px solid #018baf;
	background:#ffc212;
	line-height: 1.2em;
	color:#F0FFFF;
	vertical-align: top;
	}

th td {
	border-top:0;
}

tr.alt td {
	background-color: #009bd5;
	border-bottom:1px solid #018baf;
}

tr.inactive td  {
    background-color: #036;
}


.orangeboxes tr.alt td {
	background-color: #fdca57;
	border-bottom:1px dotted #FFF;
}

.orangeboxes td {
	border-bottom:1px dotted #FFF;
	color:#015696;
	font-weight:bold;
	}

.orangeboxes td.white {
	color:#FFFFFF;
	font-weight:bold;
	}


.over {
	/*background-color: #d9d9d9;*/
}
.centre{
	text-align:center;
}
.insideLeft img{
	margin:1em 0 1em 0;
}


.infobox{
	width:20em;
	float:right;
	margin:0 0 0 0;
	padding:0;
	line-height:1.5em;
	font-size:0.8em;
	padding:0.3em 0.6em 0em 0.6em;
	background:#009bd5;
	border-bottom:1px solid #00799e;
}

.divider2{
	border-top:2px dotted #FFFFFF;
	height:0.3em;
	margin:1em 0 1em 0;
}
.form hr
{
	display:none;
}
.colheader{
	position:absolute;
	width:5em;
	margin:0em 0 -5em 23.9em;
	padding:0;
}




/* safari specific css 
html[xmlns*=""] body:last-child .colheader{ 
	
	margin:0em 0 -4em 24.9em;
}*/


.colheader p{
	margin:0;
	padding:0;
	line-height:1.2em;
	font-size:0.7em;
	text-align:center;
}

.infobox p{
	margin:0 0 0.5em 0;
}




.panelFive {
float:left;
/*Xpadding:0 15px 25px 10px;*/
height:208px;
margin:4px 0 0 0;
background-image: url(../images/topazcard/panelFiveBg.gif);
background-color: #F6B11B;
color:#FFFFFF;
width:319px;
}

.panelFive h2 {
font-family:"Trebuchet MS";
margin: 0px 15px;
font-size:1.2em;
padding:10px 0px 5px;
border-bottom:2px dotted #fff;
}

.panelFive p {
font-family:"Trebuchet MS";
font-size:.7em;
line-height:1.3em;
padding:0px 15px 5px;
}

.panelFive a {
font-family:"Trebuchet MS";
font-size:.7em;
line-height:1.3em;
padding:12px 75px 10px 45px;
text-decoration:underline;
background-image:url(../images/panelOnearrow.png);
margin:0 0 0 100px;
color:#fff;
}

.panelFive a:hover {
text-decoration:none;
color:#FFF;
background-image:url(../images/panelOnearrowTwo.png);
}




.panelSix {
float:left;
margin:4px 0 0 4px;
width:319px;
height:208px;
background-image: url(../images/topazcard/panelSixBg.gif);
background-color: #00A7E5;
color:#FFFFFF;
}

.panelSix h2 {
font-family:"Trebuchet MS";
margin: 0px 15px;
font-size:1.2em;
padding:10px 0px 5px;
border-bottom:2px dotted #fff;
}

.panelSix p {
font-family:"Trebuchet MS";
font-size:.7em;
line-height:1.3em;
padding:0px 15px 5px;
}

.panelSix a {
font-family:"Trebuchet MS";
font-size:.7em;
line-height:1.3em;
padding:12px 75px 10px 35px;
margin:0 0 0 100px;
text-decoration:underline;
background-image:url(../images/panelOnearrow.png);
color:#fff;
}

.panelSix a:hover {
text-decoration:none;
color:#FFF;
background-image:url(../images/panelOnearrowTwo.png);
}



.panelSeven {
float:left;
width:212px;
margin:4px 0 0 4px;
height:208px;
background-image: url(../images/panelThreeBg.gif);
color:#FFFFFF;
background-color: #65B561;
}

.panelSeven h2 {
font-family:"Trebuchet MS";
margin: 0px 15px;
font-size:1.2em;
padding:10px 0px 5px;
border-bottom:2px dotted #fff;
}

.panelSeven p {
font-family:"Trebuchet MS";
font-size:.7em;
line-height:1.3em;
padding:0px 15px 5px;
}

.panelSeven a {
font-family:"Trebuchet MS";
font-size:.7em;
line-height:1.3em;
padding:12px 85px 10px 15px;
text-decoration:underline;
background-image:url(../images/panelOnearrow.png);
color:#fff;
}

.panelSeven a:hover {
text-decoration:none;
color:#fff;
background-image:url(../images/panelOnearrowTwo.png);
}








/* form styling */

.form .formline {
    background: transparent url(../images/line2.gif) repeat 0 0;
    height: 2px;
    margin: 1em 0 1em 0;
}

.formline hr{
	display: none;
}

.mand{
	background-color:#FFFFE1;
}

.mandcol{
	padding:0 0 1.5em 13em;
	color:#FFA4A4;
}

.form .formfield, .form .no_label {
	padding-bottom: 0em;
	clear:left;
}


.form fieldset{
	border:0;
	margin:0 0 0 0;
	padding:0;
	clear:both;
}
.example{
	background:#009bd5;
	padding:1em;
	margin-bottom:1em;
}
.form fieldset span{
	font-size:0.7em;
}
.form legend{
	font-size:1.2em;
	margin:0 0 0.8em 0;
	padding:0;
	margin:0 0 0 0;
	padding:0 0 0.8em 0;
	color:#FFFFFF;
}
.orangeboxes .form legend{
	color:#015696;
	margin:0 0 0 0;
	line-height:1em;
	padding:0 0 0 0;
}
.orangeboxes .form table{
	margin:30px 20px 0 20px;
	width:383px;
}

/* safari specific css 
html[xmlns*=""] body:last-child .form legend{ 
	margin:0 0 0 0;
	padding:0 0 0.9em 0;
}
html[xmlns*=""] body:last-child .form textarea{ 
	width:18em;
}*/
	
.form .formfield label{
	font-size:0.8em;
	float: left;
	width: 20em;
	text-align: left;
	padding: 0em 0 1em 0;
}	
.form .formfield label span{
	font-size:0.7em;
	margin:-1em 0 0 0;
	
}
.orangeboxes .form .formfield label{
	color:#015696;
	font-weight:bold;
}
.orangeboxes .form .formfield label span{
	font-size:0.5em;
}
.form .formfield input{
	font-size:0.8em;
	text-align:left;
}

.extra-cards {
	background:     transparent;
	border:         0px;
	display:        inline;
	margin:         0px;
	padding:        0px;
	color:          #FCCA2E;
	margin-left:    20em;
	font-size:      0.8em;
}


.form div input.checkboxhold {
	margin: 0 0 0.2em 0;
	padding:0.2em 0 0 0;
	width:1em;
	float:left;
	border:0;
}

.form .formfield {
	font-weight: normal;
}

.form div.no_label {
	padding-left: 0;
	margin-left: 0;
}


.form .formfield input {
	border: 2px solid #FFFFFF;
	width:15em;
}
.form .formfield input.checkbox {
	border: 0;
	width:5em;
}
.form .formfield input.radio {
	border: 0;
	width:1em;
}
.form .lineup input {
	width:9.6em;
}

.form .lineup input.card_no {
    width: 4em;
}

/*html[xmlns*=""] body:last-child .form .lineup input{ 
	width:9em;
}*/

.form .formfield input:focus {
	border-color: #59B4E5;
}

.form .formfield select {
	min-width:13.5em;
	border: 2px solid #FFFFFF;
	font-size:0.9em;
}

.form .lineup select {
	min-width:4em;
}

.form .formfield select:focus {
	border-color: #59B4E5;
}

.form .formfield textarea {
	border: 1px solid #ffffff;
	width:14.9em;
	height:10em;
	margin:0 0 0.7em 0;
	overflow:auto;
}

.form fieldset fieldset textarea {
	width:17em;
}

.form textarea:focus {
	border-color: #59B4E5;
}

.form div.no_label .button {
	width:10em;
}

#divinputfile{
	background:url(../images/upload_file.gif) no-repeat 100% 1px;
	height:2em;
	width:20em;
	margin:0 0 0.3em 0;
	float:left;
}

#divinputfile input{
	width:20em;
}

#divinputfile #filepc{
	/*opacity: 0.0;
	-moz-opacity: 0.0;
	filter: alpha(opacity=00);*/
	font-size:4em;
}

#fakeinputfile{
	margin-top:-2em;
}

#fakeinputfile #fakefilepc{
	width:240px;
	height:22px;
	font-size:18px;
	font-family:Arial;
}

.form button#ordersubmit {
	background: transparent url(../images/submit.gif) no-repeat 0 0;
}

.form button#ordersubmit:hover, #form_page button#ordersubmit.rollon {
	background: transparent url(../images/submiton.gif) no-repeat 0 0;
}

.form button {
    /*background: transparent url(/images/next.gif) no-repeat 0 0;
    border: 0;
    margin: 2em 0 1em 0;
    padding: 0 2px 0 0;
    overflow: hidden;
    font-size:1.1em;
    text-align:left;
    cursor: hand;
    cursor: pointer;
	width: 118px;
	height: 27px;*/
}

.form button span{
	display: none;
}
.form div.enter {
	margin-top: 1.5em;
	clear:both;
}
	
	

.cgi-response{
	margin-bottom:1em;
}

.errortop {
	font-weight: bold;
	color: #F9C244;
	font-size:0.8em;
}

.error {
	font-weight: bold;
	color: #ff003a;
	margin: 0.4em 0 0.8em 22.8em;
	width:16.7em;
	background-color: #FFF;
	border: 2px solid #fc651b;
	padding: 3px 3px 3px 3px;
	font-size:0.7em;
	line-height:1.2em;	/*background:url(../images/topazcard/bullet.gif) no-repeat right 0.6em;*/
}
.orangeboxes .error {
	margin: 0.4em 0 0.8em 10.2em;
}

/*******/

.wrap h4 {
    font-size: 0.8em;
    font-weight: bold;
}

.form .checkboxlist .label {
	font-size:0.8em;
	float: left;
	width: 20em;
	text-align: left;
	padding: 0em 0 1em 0;
	height: 12em;
}

.form .checkboxlist ul {
    list-style-type: none;
}

.form .checkboxlist li {
    background: none;
}

.form .checkboxlist label {
	font-size:0.8em;
}

.news {
    white-space: nowrap;
    width: 429px;
    margin-left: 0px;
    overflow: hidden;
    background: none;
    border: 0px;
    padding-left: 0px;
}

.required {
    color: #F9C244;
    font-weight: bold;
}

.button-row {
    text-align: center;
    clear: both;
}

.button-row a {
    padding-left: 16px;
    padding-right: 16px;
}

.back-button {
    float: right;
    margin-right: 2em;
    margin-bottom: -32px;
    padding: 0;
    visibility: hidden;
}

.invoice-switcher {
    float: right;
}

.date {
    white-space: nowrap;
}

.news {
    padding-left: 4px;
}

.invoice-quote-box th {
    vertical-align: middle;
}
.invoice-quote-box {
    float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	font-weight: normal;

}
.ddbody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #000000;
	font-weight: bold;
	margin:0;
	padding:0;
	line-height:10px;

}
.ddwhite {
	font-family: Verdana;
	font-size: 8px;
	color: #FFFFFF;
	font-weight: bold;
}
.ddnumbers {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
.ddform img{
border: 0;
}
.ddform ol li, .ddform p{
font-size:11px;
}
.ddform ol{
margin:0;
padding:0 0 10px 15px;
}
.ddform td{
border:0;
padding:0;
margin:0;
}

.printblock{
display: inline;
position: relative;;
}

#page6 .tg {
  font-size: 0.7em;
}

#page6 .tg h1, #page6 .tg h2, #page6 .tg h3, #page6 .tg, #page6 .tg p {
	color: #FFFF11;
	background: #00A7E5;
}

.tg h1, .tg h2, .tg h3, .tg, .tg p {
	color:black;
	background: white;
}

.padded .tg {
    padding: 1em;
}

.tg{
	padding:20px 0 0 0;
}

.tc-box {
    background: white;
    padding: 20px;
    margin: 20px 0px 20px 0px;
    height: 300px;
    overflow: scroll;
}


.ddtext{
color: #003399;
padding: 10px 0 10px 0;
font-size:12px;
}
.ddbox{
padding: 15px 0 15px 0;
border-top: #003399 1px dashed;
border-bottom: #003399 1px dashed;

}




.back-button {
	width:10em;
	background:url(/images/round_edges/back.gif) no-repeat top right;
	border:none;
	height: 32px;
}

.orangeboxes .form input{
	width: 143px;
	height:1.4em;
	margin:-28px 0 10px 0;
	padding:5px;
	border:none;
	background:url(/images/round_edges/orange-box-input.gif) no-repeat top right;
}
.orangeboxes .form input:focus{
	border:none;
}
.orangeboxes .form input.search{
	width: 69px;
	height:30px;
	padding:5px 1px 8px 1px;
	border:none;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	margin:1px 0 10px 1px;
	background:none;
	background: url(/images/round_edges/orange-box-button.gif) no-repeat top left;
	
}

.orangeboxes .form .rightbox{
	float:left;
	width:428px;
	margin:1em 0 0 0.3em;
	padding:0;
	background:url(/images/round_edges/orange-box-middle.gif) repeat-y top center;
}
.orangeboxes .form .leftbox{
	float:left;
	width:428px;
	margin:1em 0 0 0;
	padding:0;
	background:url(/images/round_edges/orange-box-middle.gif) repeat-y top center;
}
.orangeboxes .form .topbox{
	float:left;
	width:428px;
	margin:0;
	padding:0;
	background:url(/images/round_edges/orange-box-top.gif) no-repeat top center;
}
.orangeboxes .form fieldset{
	padding:1.5em;
}
.orangeboxes .form .bottombox{
	float:left;
	width:428px;
	margin:0 0 0 0;
	padding:1em 0 0 0;
	background:url(/images/round_edges/orange-box-bottom.gif) no-repeat bottom center;
}
.orangeboxes .form .formfield label{
	font-size:0.8em;
	float: left;
	width: 8em;
	text-align: left;
	padding: 0em 0.3em 1em 0;
	line-height:1.3em;
}

a, button {
outlines:none;
}


#frame2 {
    display: none;
}

.invoice-quote-box th, .invoice-quote-box td{
	font-size: 1.4em;
	}