/****************************************************************/
/*   Design:   Multiflex-4.2 / Layout-4                         */
/*   File:     Text formats                                     */
/*--------------------------------------------------------------*/
/*   Design:   www.1234.info                                    */
/*   Date:     January 20, 2008                                 */
/*--------------------------------------------------------------*/
/*   License:  Fully open source without restrictions.          */
/*             Please keep footer credits with the words        */
/*             "Design by 1234.info". Thank you!                */
/****************************************************************/

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN NAVIGATION */
.nav3-grid {width:200px; border-bottom:0; background: #fff url(../images/easytech_box_bottom.gif) bottom left repeat-x; margin-bottom: 10px; padding-bottom: 10px;}
.nav3-grid dt a, .nav3-grid dt a:visited {display:block; height:23px /*IE6*/; line-height:20px; padding:0px 10px 0px 17px;  border-top: solid 1px #4E9CD0; text-decoration:none; color:#3876B3; font-weight:bold; font-size:120%;}
.nav3-grid dd a,
.nav3-grid dd a:visited {display:block; min-height:1.7em /*Non-IE6*/; height:auto !important; height:1.7em /*IE6*/; line-height:1.7em; padding:0px 10px 0px 33px; border:none; font-weight:normal; text-decoration:none; color:#4296CD; font-size:120%;}
.nav3-grid dt a:hover,
.nav3-grid dt#dtcurrent a,
.nav3-grid dt#dtcurrent a:visited,
.nav3-grid dt#dtcurrent a:hover {background: #4296cd url(../images/easytech_menu_hilight.gif) no-repeat top left; color:#fff; text-decoration:none;}
.nav3-grid dd a:hover,
.nav3-grid dd#ddcurrent a,
.nav3-grid dd#ddcurrent a:visited,
.nav3-grid dd#ddcurrent a:hover  {background: url(../images/easytech_submenu_hilight.gif) no-repeat top left; color:#4296CD; text-decoration:none; font-weight: bold;}

.main-navigation .mailform {width:200px; margin: 0px 0px 2.0em 0px; padding:0; border-bottom:solid 1px #7BA5CC; float: none; font-size: 11px;}
.main-navigation .mailform p {clear:both; color:#3876b3; margin:0; padding:0 5px 0 5px; margin-bottom: 5px; float: none;}
.main-navigation .mailform p.formtext {color:#3876b3; margin:0; padding:0 10px 0 19px; margin-bottom: 5px; float: none;}
.main-navigation .mailform fieldset {width:195px; border:none; margin: 0; padding:5px; text-align: right;}
.main-navigation .mailform label {display:inline; margin:0 0 2px 0; font-weight:bold; width:30px; text-align: left; width: 80px;}
.main-navigation .mailform input.field {display:inline; float:none; width:115px; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:1px solid #7BA5CC; font-family:verdana,arial,sans-serif; font-size:12px; margin: 0; height: 15px; }
.main-navigation .mailform input.button,
.main-navigation .mailform input.button:hover {float:right; width:86px; height: 16px; margin-top: 5px; margin-bottom:15px; padding-bottom:2px; display:block; background:rgb(230,230,230) url(../images/easytech_small_btn.gif); border: 0; text-align:center; font-family:verdana,arial,sans-serif; color:#fff; font-size:11px;}

.main-navigation h1.first {clear:both; margin:0px; padding:4px 20px 3px 20px; background-color:#fff; /*background-color:rgb(137,170,214)/*For blue background*/; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-navigation h1 {clear:both; margin: 0 0 10px 0 ; padding:4px 10px 3px 10px; height: 30px; background:url(../images/easytech_box_title.gif) top left no-repeat; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-navigation h2 {clear:both; margin:20px 10px 10px 20px; color:rgb(100,100,100); font-weight:bold; font-size:150%;}
.main-navigation h3 {clear:both; margin:10px 10px 5px 20px; color:rgb(80,80,80); font-weight:bold; font-size:110%;} /* Note: h2 not existent, to make identical to formats for main-navigation for easier exchange */
.main-navigation p {clear:both; margin:0 10px 10px 20px; color: #898989; line-height:1.3em; font-size:11px;}
.main-navigation p.center {text-align:center;}
.main-navigation p.right {text-align:right;}

.main-navigation ul {list-style:none; margin:0.5em 10px 1.0em 20px;}
.main-navigation ul li {margin:5px 0 0.2em 2px; padding:0px 0px 0 11px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.2em; font-size:110%;}
.main-navigation ol {margin:0.5em 10px 1.0em 40px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 45px /*IE6*/;}
.main-navigation ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}

.main-navigation .note {background: #fff; color:#808C94; padding: 0; }
.main-navigation .note p {background: #E5F1F9; color:#808C94; margin:0; padding: 5px 19px 5px 19px; }
/* MAIN CONTENT */
.main-content h1.pagetitle {height:32px; margin: 0; padding:11px 0 0 12px; border:0; background: #4296cd url(../images/easytech_content_title.gif) top left no-repeat; font-family:verdana,arial,sans-serif; color: #fff; font-weight:bold; font-size:180%;}
.main-content h1.block {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190); color:rgb(255,255,255); font-weight:bold; font-size:220%;}
.main-content h1 {margin:1.0em 0 0.5em 0; color:rgb(80,80,80); font-weight:normal; font-size:210%;}
.main-content h2 {margin:1.0em 0 0.5em 0; color:rgb(80,80,80); font-weight:normal; font-size:170%;}
.main-content h3 {margin:1.0em 0 0.5em 0; font-size:130%;}
.main-content h3 a {padding:0 0 0 20px; color:#3772b4; font-weight:bold; font-size:12px; background:url(../images/easytech_content_link.gif) left no-repeat}

.main-content h1.side {clear:none;}
.main-content h2.side {clear:none;}
.main-content h3.side {clear:none;}

.main-content h4 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-weight:normal; font-size:170%;}
.main-content h5 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-size:140%;}
.main-content h6 {margin:1.2em 0 0.2em 0; color:rgb(80,80,80); font-weight:bold; font-size:120%;}
.main-content p {margin:0 0 5px 0; line-height:1.5em; font-size:11px; color: #3772B4;}
.main-content p.center {text-align:center;}
.main-content p.right {text-align:right;}
.main-content p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}
.main-content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

.main-content table {clear:both; width:400px; margin:2.0em 0 0.2em 20px; table-layout: fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
.main-content table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:110%;}
.main-content table th {height:3.0em; padding:2px 20px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.main-content table td {height:3.0em; padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:110%;}
p.caption {clear:both; margin:0.5em 0 2.0em 20px; text-align:left; color:rgb(80,80,80); font-size:110%;}

.main-content ul {margin:0.5em 0 1.0em 2.0em;}
.main-content ul li {margin:0 0 0.2em 2px; padding:0 0 0 2px; color: #3876b3; line-height:1.4em; font-size:11px;}
.main-content ol {margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/;}
.main-content ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; font-size:120%;}

/* MAIN SUBCONTENT */
.main-subcontent h1 {clear:both; margin:0 0 10px 0; padding:4px 10px 3px 10px; height: 30px; background: #fff url(../images/easytech_box_title.gif) top left no-repeat; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
 /* Note: h2 non-existent, to make HTML-code interchangeable between 'main-navigation' and 'main-subcontent' */
.main-subcontent h3 {clear:both; margin:1.0em 10px 0.5em 10px; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.main-subcontent p {margin:0 10px 1.0em 10px; line-height:1.3em; font-size:11px;}
.main-subcontent p.center {text-align:center;}
.main-subcontent p.right {text-align:right;}

.main-subcontent ul {list-style:none; margin:0.5em 10px 1.0em 10px;}
.main-subcontent ul li {margin:5px 0 0.2em 2px; padding:0 0 0 11px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.2em; font-size:110%;}
.main-subcontent ol {margin:0.5em 10px 1.0em 30px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 35px /*IE6*/;}
.main-subcontent ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}

/********************/
/*  COMMON CLASSES  */
/********************/
.main img {clear:both; float:left; margin:3px 10px 7px 0; padding:1px; border:0;}
.main img.center {clear:both; float:none; display:block; margin:0 auto; padding:1px; border:0;}
.main img.right {clear:both; float:right; margin:3px 1px 7px 10px; padding:1px; border:0;}

.main a {color:rgb(70,122,167); font-weight:bold; text-decoration:none;}
.main-content h1 a {color:rgb(70,122,167); font-weight:normal; text-decoration:none;}
.main a:hover {color:rgb(42,90,138); text-decoration:underline;}
.main a:visited {color:rgb(42,90,138);}

.main a img {border:0;}
.main a:hover img {border:0;}