/* CSS Document */

body, div, span {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.title_center {
text-align: center;
font: italic bold 2em Verdana, Arial, Helvetica, sans-serif;
color: darkblue;
padding-bottom: 16px;
}

.lontitle_center {
text-align: center;
font: italic bold 2em Verdana, Arial, Helvetica, sans-serif;
color: darkblue;
padding-bottom: 3px;
}

.subtitle_center {
	font-size: 14px;
	text-align: center;
	font: italic bold Verdana, Arial, Helvetica, sans-serif;
	color: darkblue;
	padding-bottom: 8px;
}

.lonsubtitle_center {
text-align: center;
font: 1.75em italic bold Verdana, Arial, Helvetica, sans-serif;
color: darkblue;
padding-bottom: 8px;
}

/* body */
body {
text-align: center;
background-color: #0E007C;
/*background-color: darkblue;*/
margin-top: 0px;
margin-left: 0px;
}

div.page_main, table.page_main {
text-align: center;
margin-left: auto;
margin-right: auto;
}

td.mogologo {
	text-align: left;
	padding-top: 5px;
}

.login_title {
font:bold 8pt Verdana, Arial, Helvetica, sans-serif;
color: white;
text-align: center;
}

.login_text {
font:normal 8pt Verdana, Arial, Helvetica, sans-serif;
color: white;
text-align: right;
}


div.content_main, table.content_main {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
text-align: center;
vertical-align: top;
}

div.footer {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
text-align: center;
color: white;
padding-top: 16px;
}

div.hglogo {
text-align: center;
padding-top: 16px;
}

/* navigation menu */
div.navi {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
color: #0E007C;
text-align: right;
position:relative;
padding-right: 25px;
top: 45px;
}

/* link styles */
a:link {color: #000080;}
a:visited {color: #000080;}
a:hover{color: red}

a.navi:link {color: #0E007C;}
a.navi:visited {color: #0E007C;}
a.navi:hover {color: Red;}

a.navi2:link {color: Yellow;}
a.navi2:visited {color: Yellow;}
a.navi2:hover {color: Green;}

/* products */
a.prod {
font-family: Arial Black;
font-size: 16pt;
color: #000080;
}
a.prod:link {color: #000080; text-decoration: none}
a.prod:visited {color: #000080; text-decoration: none}
a.prod:hover {color: #000080; text-decoration: underline}	


/* --- payment form styles --- */

/* -- main table -- */
table.orderform {
text-align: left;
}
/* -- titles -- */
/* regular title */
td.oft {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11pt;
text-transform: uppercase;
color: darkblue;
text-align: left;
padding: 24px 0px 8px 0px;
}

/* -- text -- */
/* order summary text */
td.ofts {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11pt;
text-transform: none;
color: black;
text-align: left;
padding-left: 4px;
}


/* -- labels -- */
/* regular label */
td.ofl {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10pt;
text-transform: capitalize;
color: black;
text-align: right;
cursor: help;
}

/* summary label */
td.ofls {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11pt;
text-transform: capitalize;
color: black;
text-align: right;
padding-right: 4px;
}

/* required label */
td.oflr { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10pt;
text-transform: capitalize;
color: red;
text-align: right;
cursor: help;
}

/* optional label for '*' */
div.oflo {
display: inline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 8pt;
text-transform: none;
color: darkblue;
text-align: right;
vertical-align: top;
}

/* -- input fields -- */
/* regular field */
input.off, textarea.off, select.off {
border-width: 1px;
border-color: #808080
}

/* required field */
input.offr, textarea.offr, select.offr {
border-width: 1px;
border-color: red;
}

/* notes */
div.ofn {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: black;
text-align: center;
padding: 2px 0px 2px 0px;
}


/* --- feedback styles --- */
td.fb_title {
font: italic 24pt Georgia, 'Times New Roman', Times, serif;
color:#000080;
text-align: center;
}

div.fb_quote {
font: 11pt Arial, Helvetica, sans-serif;
color: black;
text-align: left;
}

div.fb_attr {
font: italic bold 10pt Arial, Helvetica, sans-serif;
padding-bottom: 8px;
text-align: left;
}

td.fb_seemore {
font: bold 9pt Verdana, Arial, Helvetica, sans-serif;
text-align: center;
padding-top:4px;
}


/* --- privacy policy styles --- */
td.pp_title {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-style: italic;
font-size: 18pt;
text-transform: uppercase;
color: darkblue;
text-align: center;
padding: 8px 0px 24px 0px;
}

td.pp_heading {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11pt;
text-transform: uppercase;
color: darkblue;
text-align: left;
padding: 8px 0px 2px 0px;
}

td.pp_para {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 10pt;
text-transform: none;
color: black;
text-align: left;
padding: 0px 0px 8px 0px;
}


/* --- margins --- */
.mar12pxb {
margin-bottom: 12px;
}

/* --- boxes --- */
div.box_default_outer {
background-color: #faff7e;
}

div.box_default_inner {
padding: 34px 34px 34px 34px;
text-align: center;
vertical-align: top;
}

div.box_default_t {
background-image: url(/newimages/boxes/default_edge_t.gif);
background-position: top left;
background-repeat: repeat-x;
}
div.box_default_r {
background-image: url(/newimages/boxes/default_edge_r.gif);
background-position: top right;
background-repeat: repeat-y;
}
div.box_default_b {
background-image: url(/newimages/boxes/default_edge_b.gif);
background-position: bottom left;
background-repeat: repeat-x;
}
div.box_default_l {
background-image: url(/newimages/boxes/default_edge_l.gif);
background-position: top left;
background-repeat: repeat-y;
}
div.box_default_tl {
background-image: url(/newimages/boxes/default_corner_tl.gif);
background-position: top left;
background-repeat: no-repeat;
}
div.box_default_tr {
background-image: url(/newimages/boxes/default_corner_tr.gif);
background-position: top right;
background-repeat: no-repeat;
}
div.box_default_bl {
background-image: url(/newimages/boxes/default_corner_bl.gif);
background-position: bottom left;
background-repeat: no-repeat;
}
div.box_default_br {
background-image: url(/newimages/boxes/default_corner_br.gif);
background-position: bottom right;
background-repeat: no-repeat;
}
.pricing_structure {
	border:1px #000000 solid;
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.pricing_structure th { 
	

}

.pricing_structure td { 

}
#flash_bdr {
	border:1px #000000 solid;
	height: auto;
	width: 500px;
}

#exVat {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.hltclm {
	color:#000066;
	font-weight:bold;
}
#calcResults { visibility:hidden;
	background-color:#FFFFFF;
	border:#000000 solid 1px;
	 }

#mainblock {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;

}
.subx {
	font-size: 18px;
	font-weight: bold;
}
.subx2 {
	font-size: 15px;
	font-weight: bold;
}

.bx { text-align:left }

.picpad { margin: 10px 10px 10px 0px }
