/** BASIC PAGE LAYOUTS */

html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}



/** TOP BAR */

#bar {
	width: 900px;
	height: 50px;
	margin: 0px auto;
}


/** HEADER */

#header {
	width: 900px;
	height: 131px;
	margin: 0px auto;
	padding-top: 50px;
}

#logo {
	float: left;
	width: 450px;
	height: 131px;
	background-image: url(../images/background1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#logo h1, #logo h2 {
	display: none;
}

#splash {
	float: left;
	width: 425px;
	height: 131px;
	background-image: url(../images/background2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#splash h3 {
	display: none;
}

/** CONTENT */

#content {
	width: 900px;
	margin: 0px auto;
}

#left {
	float: left;
	width: 662px;
}

#right {
	float: left;
	width: 238px;
	padding-top: 29px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#subpage #left {
	padding: 29px 0px 0px 0px;
}



/** FOOTER */

#footer {
	clear: both;
	height: 92px;
	padding-top: 40px;
}





/** LINKS */

.link2 {
	display: block;
	height: 25px;
	background: url(images/subpage1_03.jpg) no-repeat right top;
}

.link2 span {
	display: none;
}

.link3 {
	display: block;
	height: 25px;
	color: #000000;
	background-image: url(../images/homepage_04.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

.link3 span {
	display: none;
}



/** 
________________________________________________________________________________________________

TABLES */

.input1 {
	border: none;
	border-top: 1px solid #B1B1B1;
}

.table1 {
}

.table1 td, .table1 th {
	padding: 5px 10px;
}

.table1 thead th {
	background: url(../images/subpage1_04.gif) repeat left top;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

.table1 tbody td {
	background: url(../images/subpage1_05.gif) repeat left top;
}

.table1 tfoot td {
	background: url(../images/subpage1_06.gif) repeat left top;
}
#quotation {
	width: 540px;
	border: 1px solid #CCCCCC;
}
#quotation th {
	background-color: #138D2A;
	height: 20px;
	color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#quotation tr {
	padding-top: 3px;
	padding-bottom: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F0F0F0;
	border-right-color: #F0F0F0;
	border-bottom-color: #F0F0F0;
	border-left-color: #F0F0F0;
}
#quotation td {
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: top;
	background-color: #F0F0F0;
	border: 1px solid #F0F0F0;
}


.table1 tfoot td a {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}


/** 
____________________________________________________________________________________
TEXTS */

body, th, td, input, textarea, select {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #767676;
}
h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #138D2A;
	padding-top: 1.5em;
	padding-bottom: 0px;
}


.bg1 #bar #menu ul {
	list-style-type: none;
}


p, blockquote, ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 1em;
	text-align: left;
	line-height: 16px;
}

.text1 {
	text-align: right;
}

.text2 {
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.text3 {
	float: left;
	font-size: 15px;
	font-weight: bold;
	color: #707070;
}

.text4 {
	font-weight: bold;
	color: #138D2A;
	margin: 0px;
	padding: 0px;
	float: left;
	
}

.text5 {
	text-align: right;
	font-size: 9px;
	font-weight: bold;
	color: #F9BEAE;
}

.text6 {
	text-align: center;
	font-size: 10px;
	color: #8B8B8B;
}

.text7 {
	font-size: 11px;
	font-weight: bold;
}


/** TEXTS 
.text3 {
	float: left;
}

.text4 {
	float: right;
	color: #138D2A;
	font-size: 2em;
}

.text5 {
	display: block;
	font-style: normal;
}*/




/**

____________________________________________________________________________________________

LISTS */



.list1 {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}

.list1 li {
	padding-left: 13px;
	font-size: 10px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(images/bullet.gif);
}

#box3 .bg6 .list1 li {
	margin-right: 32px;
}


.list2 {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}

.list3 {
	list-style: none;
}

.list3 li {
	padding-left: 13px;
	background: url(../images/bullet.gif) no-repeat left bottom;
	font-size: 10px;
}


#box7 .content ul li {
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#box7 .content ul {
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#box7 .content ol li {
	margin-bottom: 10px;
	list-style-type: decimal;
}
#box7 .content ol {
	list-style-type: none;
}

/** 

_________________________________________________________________________________________

LINKS */

a {
	color: #138D2A;
}

a:hover {
	text-decoration: none;
}

.link1 {
	text-decoration: none;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #4E4E4E;
}

.link1:hover {
	text-decoration: underline;
}

.link2 {
}

.link3 {
}


/** 

___________________________________________________________________________________________
BOXES

BOX1 */

#box1 {
	height: 450px;
	margin-left: 25px;
}

#box1 .image {
	float: right;
	padding: 0px;
	margin-top: 39px;
}

#box1 .bg3 {
	width: 293px;
	height: 169px;
	padding: 0px 11px 0px 55px;
}

#box1 .text1 {
	margin-bottom: 20px;
}
#box1 h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #666666;
}

/** BOX2 */

#box2 {
	float: left;
	width: 203px;
}

#box2 .bg4 {
	height: 33px;
	padding: 12px 27px 0px 0px;
}

#box2 .bg7 {
	height: 53px;
	margin-top: 0px;
	margin-right: 27px;
	margin-bottom: 10px;
	margin-left: 27px;
}



#box2 .text3 {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#box2 .list1 {
	padding-left: 26px;
}

#box2 .link3 {
	padding-bottom: 16px;
}

/** BOX3 */

#box3 {
	float: left;
	width: 270px;
	padding-left: 6px;
	padding-right: 4px;
	margin-bottom: 30px;
}
#box3_bottom {
	float: left;
	width: 270px;
	padding-left: 6px;
	padding-right: 4px;
	margin-bottom: 30px;
}

#box3 .bg4 {
	height: 33px;
	padding: 12px 27px 0px 0px;
}

#box3 .bg7 {
	height: 53px;
	margin-top: 0px;
	margin-right: 27px;
	margin-bottom: 10px;
	margin-left: 27px;
}



#box3 h3 {
	margin-right: 27px;
	margin-left: 27px;
	font-size: 1em;
}


#box3 .text3 {
	padding: 18px 0px 0px 0px;
}

#box3 .list1 {
	padding-left: 26px;
}

#box3 .link3 {
	padding-bottom: 16px;
}

/** BOX4 */

#box4 {
	float: left;
	width: 203px;
	padding-left: 6px;
}

#box4 .bg4 {
	height: 33px;
	padding: 12px 27px 0px 0px;
}

#box4 .bg7 {
	height: 53px;
	margin: 0px 27px 10px 27px;
}

#box4 .text3 {
	padding: 18px 0px 0px 0px;
}

#box4 .list1 {
	padding-left: 26px;
}

#box4 .link3 {
	padding-bottom: 16px;
}

/** BOX5 */

#box5 {
	margin-bottom: 20px;
}

#box5 .bg8 {
	width: 178px;
	height: 45px;
	padding: 10px 25px 0px 0px;
}

#box5 .bg10 {
	padding: 0px 0px 20px 25px;
}

/** BOX6 */

#box6 {
	width: 200px;
	float: right;
}

#box6 h4 {
	color: #138D2A;
	text-align: center;
	font-size: 1em;
}

#box6 .bg8 {
	width: 178px;
	height: 45px;
	padding: 10px 25px 0px 0px;
}

#box6 .bg10 {
	padding: 0px 25px 20px 25px;
}

.bg1 #content #right #box6 p {
	text-align: left;
}

/** BOX7 */

#box7 {
	width: 620px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 10px;
}


html>body #box7 {
	padding-bottom: 40px;
}


#box7 .content {
	padding: 0px 27px 0px 27px;
}

#box7 .content h2 {
	font-size: 1.7em;
}
#box7 .content h3 {
	font-size: 1em;
	color: #120B8C;
	background-image: url(images/subpage2_heading.jpg);
	background-repeat: no-repeat;
}
#box7 .content h4 {
	color: #138D2A;
	font-size: 1.5em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

#box7 #savings h4 {
	text-align: center;
	color: #FFFFFF;
	font-size: 1em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}


#box7 td h5 {
	background-color: #BD220E;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	font-size: 1em;
	padding: 2px;
}

#box7 .content .list3 {
	margin: 0px;
	padding: 0px;
}
#box7 .content .list3 p {
	text-align: left;
}

#box7 .content ol {
	list-style-type: none;
}

/** BOX8 */

#box8 {
	width: 832px;
	margin: 0px 0px 0px 35px;
	padding: 30px 0px 0px 0px;
}

#box8 .content {
	padding: 0px 27px 20px 27px;
}



/** 

________________________________________________________________________________________________________
BACKGROUNDS */

.bg1 {
	background-image: url(../images/subpage1_01_1.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.bg1 #content #right #<b>Mailadoc</b>logo {
	height: 140px;
}

.bg2 { background: url(../images/subpage1_02.jpg) repeat-x left top; }
.bg3 {
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	width: 250px;
}

.bg4 {
	background-image: url(../images/subpage2_heading_cont.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.bg5 { background: url(../images/homepage09.jpg) repeat-y left top; }
.bg5_g {
	background-image: url(../images/homepage10_cont_g.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
.bg6 {
	background-image: url(../images/homepage10_cont.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.bg6_g {
	background-image: url(../images/homepage10_cont_g.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-right: 35px;
}

.bg7 {
	background-image: url(../images/homepage11.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 0px;
}

.bg8 {
	background-image: url(../images/homepage14.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
}
.bg9 { background: url(../images/homepage15.jpg) repeat-y left top; }


.bg10 { background: url(../images/homepage16.jpg) no-repeat left bottom; }

.bg11 {
	background-image: url(../images/subpage2_heading.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


.bg11, .bg13 {
	height: 38px;
	padding: 12px 25px 0px 0px;
}




.bg12 { background: url(../images/subpage2_02.jpg) no-repeat left bottom; }

.bg13 { background: url(../images/subpage3_01.jpg) no-repeat left top; }
.bg14 { background: url(../images/subpage3_03.jpg) no-repeat left bottom; }

.bg15 {
	background-image: url(../images/subpage2_heading_2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 40px;
	padding-top: 10px;
	padding-right: 20px;
	
}
.bg16 {
	background-image: url(../images/images/subpage2_03.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.bg17 {
	background-image: url(../images/images/subpage2_04.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.bg18 {
	background-image: url(../images/homepage18.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}


/** 
_____________________________________________________________________________________

MISC */

.align-justify { text-align: justify; }
.align_centre {
	text-align: center;
}

.align-right { text-align: right; }

img { border: none; }

.img1 {
	float: left;
	margin: 0px 15px 0px 0px;
}

.img2 {
	float: right;
	margin: 0px 0px 0px 15px;
}

hr { display: none; }

.hr1 {
	height: 1px;
}



#panel_img {	text-align: center;

}
/** 
_____________________________________________________________________________________

FORMS */

#form1 table {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #DDDDDD;
	border-right-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
	border-left-color: #DDDDDD;
}

 #form1 #savings {
	border-top-color: #120B8C;
	border-right-color: #120B8C;
	border-bottom-color: #120B8C;
	border-left-color: #120B8C;
}

#form1 h4 {
	font-size: 1em;
	color: #FFFFFF;
	background-color: #120B8C;
	text-align: center;
	padding: 2px;
}
#right H6 {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #333;
	text-decoration: underline;
	font-size: 0.8em;
	text-align: center;
}

#form1 #savings h5 {
	color: 120b8c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-align: right;
	margin: 0px;
	padding: 0px;
	background-color: #F9F9F9;
}

#form1 h6 {
	font-size: 1.2em;
	color: #138D2A;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.YourCosts {
	font-size: 1em;
	color: #FFFFFF;
	background-color: #120B8C;
	text-align: center;
	padding: 2px;
}
.required {
	background-color:#138D2A;
	color:white;
}
.tableheader {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #138D2A;
	vertical-align: middle;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#subpage #content #left #box7 .content iframe {
	margin-top: 10px;
}
.error {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #138D2A;
	padding-left: 5px;
}

table h1 {
	margin: 0px;
	padding: 0px;
}
#subpage #content #left #box7 .content iframe {
	border: 3px solid #138D2A;
}
.green {
	color: #090;
	font-weight: bold;
}
.red {
	font-weight: bold;
	color: #138D2A;
}
#subpage #content #right  li  {
	color: #666;
	height: 30px;
	background-repeat: no-repeat;
	padding-left: 15px;
	font-size: 1em;
	font-weight: bold;
	background-image: url(../images/bullet.gif);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-top: 11px;
	margin-right: 12px;
}



#subpage #content #right ul {
	color: #03F;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	list-style-type: none;
	padding-left: 15px;
}

#content #right a {
	color: #666;
	text-decoration: none;
}
#content #right a:hover {
	color: #138D2A;
	text-decoration: underline;
}
#subpage #content #left #box7 .content #partners {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#subpage #content #left #box7 .content #partners td {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#right #mailadoc {
	height: 120px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#MenuDiv {
	position: relative;
	width: 850px;
	z-index: 50;
	white-space:nowrap;
	direction:ltr;
}

#MenuMain {
	width: 850px;
	height: 38px;
}

#menu ul {
	margin: 0;
	padding: 0;
	font: normal normal bold 11px Arial, Helvetica, sans-serif;
}

#menu li {
	list-style:none;
	float: left;
	border: 1px solid #e4e4e4;
	height: 36px;
	text-align: center;
	background-image:url(../../images/button_back.jpg);
	padding-left: 5px;
	padding-right: 5px;
}

#menu li:hover {
	background-image:url(../../images/button_back_rollover.jpg);
	cursor: pointer;
}

#menu li a {
	display: block;
	height: 24px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom:0px;
	padding-left: 0px;
	text-decoration: none;

	color: #00008b;
}

#menu li a:hover {
	color: #138D2A;
}