body { text-align:center; margin:0px; padding:0px; background-color: #f0f0ff; font-family:Arial, sans-serif; font-weight:normal;}
img { margin:0xp; padding:0px;border:0px; display:inline; }
table, td, th { vertical-align:top; padding:0px; margin:0px; }


.main { background-color: #ffffff; width:100%; margin:0px 0px 0px 0px; padding:0px; margin-left: auto; margin-right: auto; }
.main a:link, a:visited {
	text-decoration:none;
	color:#336;
	font-style:italic;
}
.main a:hover {
	text-decoration:underline;
}

a.int:link, a.int:visited, a.int:active a.int:hover {
color:inherit;
font-style:normal;
text-decoration:none;
font-size:inherit;

}

.maintitle { background-color: #fff; font-family:Arial, sans-serif; font-size:small; color:white; text-align:left; padding:3px; }
.mainbox { background-color:white; font-family:Arial, sans-serif; font-size:small; color:#333333; text-align:left; min-height:1024px;}
.mainfooter { background-color: #f0f0f0; font-family:Arial, sans-serif; font-size:x-small; color:#808080; text-align:left; padding:3px; }
.submit { border:1px solid #444; background-color:#405898; color:#fff; cursor:hand; }
.textarea { border:1px solid #888; overflow:auto;background-color:#f8f8ff;}
td.list {padding:5px;}
h1 { display:inline; font-size:x-small; text-decoration:none; color:#888; padding:6px; margin:6px; }
h1.main { display:inline; font-size:large; font-weigth:bold; color:#555555; }
h1.nav { display:inline; font-size:small; font-weight:normal; color:#ffffff; }
h1.mainnav { display:inline; font-size:medium; font-weight:bold; color:#ffffff; }
h2 { display:inline; font-size:small; font-weigth:bold; color:#555555; }
h1.card { display:block; font-size:24pt; font-weight:normal; color: #444; padding:2xp; margin:0px; }
h2.card { display:block; font-size:18pt; font-weight:normal; color:#444; padding:2xp; margin:0px; }
h3.card { display:block; font-size:14pt; font-weight:normal; color:#444; padding:2xp; margin:0px; }
h4.card { display:block; font-size:12pt; font-weight:normal; color:#444; padding:2xp; margin:0px; }
.box { float:right; width:200px; }
.boxr { margin:5px;}
.boxrt { padding:5px; color:#fff; background-color:#6078b8; cursor:pointer; cursor:hand; }
.boxrb { padding:5px; color:#222; font-size:small; border-bottom:1px solid #888; background-color:#f8f8ff;}
.boxrboff { height:2px; overflow:hidden; border-bottom:1px dotted #888; padding:0px; background-color:#f8f8ff; }
.termsfooter { color:#aaa; font-size:small; padding-top:20px; }
a.termsfooter { color:#aaa; font-size:small; }
.pageA4H { height:297mm; width:210mm; overflow:hidden; margin:0px; padding:0px; vertical-align:middle; }
.card8H { width:104mm; height:74mm; margin:0px; padding:0px; border:1pt dotted #eee; display-inline:inline; float:left; overflow:hidden; position:relative; }
.card8H .tl { position:absolute; top:5mm; left:10mm; text-align:left; font-size:8pt; overflow:hidden; }
.card8H .tr { position:absolute; top:5mm; left:10mm; width:84mm; text-align:right; font-size:8pt; overflow:hidden; }
.card8H .bl { position:absolute; bottom:10mm; left:10mm; text-align:left; font-size:8pt; overflow:hidden; }
.card8H .br { position:absolute; bottom:10mm; left:10mm; width:84mm; text-align:right; font-size:8pt; overflow:hidden; }
/*
a.navtopoff {color:#fff;padding:3px 5px 1px 5px;}
a.navtopon {color:#000;background-color:#fff;padding:3px 5px 1px 5px;width:150px;}
div.navlefton { padding:2px; color:#000; background-color:#f8f8f8; display:block; margin-top:1px;}
div.navleft { padding:2px; color:#fff; background-color:#6078b8; display:block;  margin-top:1px;}
a.navlefton { text-decoration:none; color:#000; }
a.navleft { text-decoration:none; color:#fff; }
a.link:link,	a.link:visited, a.link:active { color: #336; text-decoration:none; }
a.link:hover	{ color: #003; text-decoration:underline; }
*/

.nav {
	margin:0;
	padding:0;
	width:100%;
	float:left;
	/* border-bottom:#e0e0e0 1px solid; */
 	list-style-type:none;
 	background:#f0f0f0;
 }

.nav li {
	display:inline;
	padding:0;
	margin:0;
	border:none;
 	background:#f0f0f0;
}

a.nav:link,
a.nav:visited {
	color:#888;
	background:#f0f0f0;
	padding:10px 10px 10px 10px;
	float:left;
	width:auto;
	border-right:1px solid #fff;
	text-decoration:none;
	font:bold 1em/1em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

a.navon:link,
a.navon:visited {
	color:#888;
	background:#d0d0d0;
	padding:10px 10px 10px 10px;
	float:left;
	width:auto;
	border-right:1px solid #fff;
	text-decoration:none;
	font:bold 1em/1em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

a.nav:hover,
a.nav:focus {
	color:#fff;
	background:#d0d0d0;
}

a.navon:hover,
a.navon:focus {
	color:#fff;
	background:#d0d0d0;
}

/*
.nav li:first-child a {
	border-left:1px solid #42432d;
}
*/

li.navlefton { padding:2px; color:#000; background-color:#f8f8f8; display:block; margin-top:1px;}
li.navleft { padding:2px; color:#fff; background-color:#6078b8; display:block;  margin-top:1px;}

input.text {border:1px solid #c0c0c8;margin:2px;}
input.text:focus {border:3px solid #c0c0c8;margin:0px;}
select.text {border:1px solid #c0c0c8;margin:2px;}
select.text:focus {border:3px solid #c0c0c8;margin:0px;}
input.texterror {border:1px solid #f88; background-color:#fdd; margin:2px;}
input.texterror:focus {border:3px solid #f88;margin:0px;}
input.submit { border:1px solid #ff8000;background-color:#ff8927;color:#fff;font-size:medium; }
input.submit:hover { border:1px solid #ff8000;color:#ff8927;background-color:#fff;font-size:medium; }
a.next { color:#ff8927;font-size:medium;text-decoration:none; padding:3px; font-weight:bold; }
a.next:hover { color:#ff8927;font-size:medium; text-decoration:underline; padding:3px; font-weight:bold;}
div.linkhigh { color:#ff8927;font-size:medium;text-decoration:none; padding:3px;cursor:hand;}
div.linkhigh:hover { color:#ff8927;font-size:medium; text-decoration:underline; padding:3px;cursor:hand;}
a.submit { border:1px solid #ff8000;background-color:#ff8927;color:#fff;font-size:medium;text-decoration:none; padding:3px; }
a.submit:hover { border:1px solid #ff8000;color:#ff8927;background-color:#fff;font-size:medium; text-decoration:none; padding:3px; }

div.design {
	width: 100%; 
	column-count:2; 
	column-rule: solid 1px #f0f0f0; 
	column-gap: 30px;
	-moz-column-count: 2; 
	-moz-column-gap: 30px; 
	-moz-column-rule: 1px solid #f0f0f0; 
	-webkit-column-count: 2; 
	-webkit-column-gap: 30px; 
	-webkit-column-rule: 1px solid #f0f0f0;
	 font-family:serif;
	 font-size:large;
	 text-align:left;
	 font-weight:normal;
}

p.design {
	display:block;
	text-indent:10px;
}

p.designtitle {
	display:block;
	font-family:sans-serif;
	font-size:x-large;
	font-weight:bold;
	padding:0px;
	margin:0px;
}

p.designsub {
	display:block;
	font-family:sans-serif;
	font-size:medium;
	font-weight:bold;
	padding:0px;
	margin:0px;
}

table.addon {
	width:200px;
    border:1px solid #fff;
}	

.addon th {
	background:#d0d0d0;
	padding:5px;
}

.addon td {
 	background:#f0f0f0;
	padding:5px;
}