/*************** Start Top Fixed Sections code *************************************/ * { margin: 0; padding: 0; } P { font-size : 12px; line-height:1.5em; color:#333333; text-align : left; margin-left : 7px; margin-right : 7px; margin-top: 7px; margin-bottom: 3px; } p.img { margin-top:0; margin-left : 0; border: 0px none #000000; } h1, h2, h3, h4, h5, h6, p, pre, blockquote, fieldset, table, ul { margin: 1em 0; } h2 { font-size : 100%; margin-top : 12px; margin-bottom : 0px; padding-right:5px; text-align : right; color:#1d3994; position : relative; font-family : "?SVbN std R"; font-weight : lighter; } h2 a { font-size : 120%; margin-top : 12px; margin-bottom : 0px; padding-right:5px; text-align : right; color:#fd8f8f; font-family : "?SVbN std R"; } h2 a:hover{ font-size : 120%; color : #ffffff; text-decoration : none; } h2 img { vertical-align:middle; } h2 a:hover{ color:#663366; text-decoration : none; } h3{ font-size : 120%; color : #663366; margin-top : 3px; padding-right:0px; margin-bottom:10px; text-align : right; } h3.h910-s { position: relative; margin: 1em 0 0.5em; width: 18em; height: 2em; overflow: hidden; border: solid 1px #CCC; padding: 0.2em 0.5em; font-size: 150%; font-weight: bolder; color: #000; } h3.h910-s span { display: block; position: absolute; bottom: -0.4em; right: 0; z-index: -1; font-family: "Arial Black" sans-serif; font-size: 250%; color: #FFE5F7; } h5{ font-size : 16px; color : #333333; margin-left : 1px; background: #ffffff url(images/h4.gif) left top no-repeat ; width : 713px; height :35px; line-height : 1em; letter-spacing : 0.2px; margin-top : 20px; padding-top : 7px; text-align : left; padding-left : 35px; left : 0px; margin-right : 0px; } h5 a{ color : #d34242; } h6{ padding-top : 0.1em; padding-left : 0.5em; padding-right : 0.1em; padding-bottom : 0.1em; border-bottom-width : 1pt; border-bottom-style : dotted; border-bottom-color : gray; font-size : 10pt; background-color : #f6f6f6; } p.p800-i-1 { margin-left: 100px; } p.p800-i-2 { padding-top: 40px; background: url(back/images/mk-down.png) no-repeat 100px 0; } img { border: 0; } b{ font-size : 14px; line-height:2.5em; color:#666666; } a:link { color: #006eab; text-decoration: none; border-bottom: 1px dotted #006eab; } a:visited { color: #04527d; text-decoration: none; border-bottom: 1px dotted #04527d; } a:hover { color: #0285cd; text-decoration: none; border-bottom: none; } span { color: #002337; } .clear { clear:both; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} /* Hides from IE-mac \*/ * html .clearfix { height:1%; } .clearfix {display:block;} /* End hide from IE-mac */ body { font: 62.5%/1.6 Arial, Helvetica, sans-serif; background: url(images/bg.png) repeat-x top left #1f2331; text-align: center; color: #33394d; } #header { height: 84px; width: 994px; margin: 0px auto; position: relative; } #logo { position: absolute; top: 18px; left: 12px; } ul#navBar { height: 84px; margin: 0px; padding: 0px; list-style-type: none; position: absolute; bottom: 0px; right: 0px; } ul#navBar li { float: left; display: block; width: auto; height: 84px; padding: 0px 0px 0px 1px; } ul#navBar li a:link, ul#navBar li a:visited { float: left; display: block; width: auto; margin: 0px; height: 34px; padding: 25px 10px; text-decoration: none; font-weight: normal; background: url(images/nav_bg.png) repeat-x top left; font-family: Cambria, "Times New Roman", Georgia, Times, serif; font-size: 1.8em; color: #ededed; border: none; } ul#navBar li.current a:link, ul#navBar li.current a:visited { background: url(images/nav_hover.png) repeat-x top left; } ul#navBar li a:hover { color: #fff; text-decoration: none; background: url(images/nav_hover.png) repeat-x top left; border: none; } #welcomeMessage{ height: 185px; width: 944px; margin: 0px auto; padding: 25px; position: relative; background: url(images/globe1.png) no-repeat 95% 50%; text-align: left; } h1 { margin: 0.7em; font-size: 2.2em; font-weight: normal; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; color: #33394c; } #welcomeMessage p { margin: 0.5em 0.5em 0.5em 3em ; width: 520px; padding: 0em; font-size: 1.6em; font-family: "Trebuchet MS", Verdana, Arial, sans-serif ; color: #494949; line-height: 1.4em; } /*************** End Top Fixed Sections *************************************/ /*************** Start Content Section *************************************/ #wrapper { width: 994px; margin: 0px auto; padding: 0px; background: url(images/content_bg.png) repeat-y top left; } #secWrapper{ width: 994px; margin: 0px auto; padding: 20px 0px 0px 0px; background: url(images/content_top.png) no-repeat top left; } #container { width: 964px; margin: 0px auto; padding: 0px 15px 30px 15px; background: url(images/content_bottom.png) no-repeat bottom left; } #mainCol { width: 714px; float: left; margin: 0px; padding: 0px; text-align: left; } #mainCol #services { position: relative; background: url(images/service_bg.jpg) no-repeat top left; width: 713px; padding: 0px; padding-top: 46px; height: 143px; margin-bottom: 10px; } #services h3 { font-size: 18px; color: #112638; font-weight: normal; margin: 0px; padding: 0px; font-family: Cambria, Georgia, "Times New Roman", Times, serif; position: absolute; top: 10px; left: 20px; } #mainCol #services ul { list-style-type: none; margin: 0px; padding: 0px; } #mainCol #services ul li { float: left; display: block; width: 180px; height: 120px; padding: 5px; margin: 0px 8px 0px 15px; text-align: left; } #mainCol #services ul li h4 { font-size: 14px; color: #112638; font-weight: bold; margin: 0px; padding: 0px; font-family: Cambria, Georgia, "Times New Roman", Times, serif; } #mainCol #services ul li p { color: #414141; font-size: 12px; margin: 2px; padding: 0px; text-align: left; } #mainCol ul#maincon { border: 1px solid #cde1f5; margin: 0px; padding: 6px; width: 695px; list-style-type: none; background: url(images/main_col_bg1.png) no-repeat top left #f8fcff; } #mainCol ul#maincon li { width: 695px; padding: 5px 0px 10px 0px; margin: 0px 0px 5px 0px; border-bottom: 1px dotted #aeaeae; } #mainCol ul#maincon li.last { border: none; } #mainCol ul#maincon li img { width: 153px; height: 117px; padding: 1px; margin: 6px 0px 0px 0px; float: left; border: 2px solid #cde1f5; } #mainCol ul#maincon li h2 { font-size: 18px; color: #34394e; font-family: Cambria, Georgia, "Times New Roman", Times, serif; font-weight: normal; padding: 0px; margin: 0px 0px 0px 170px; } #mainCol ul#maincon li p { font-size: 13px; color: #4d4d4d; margin: 0px; padding: 0px; margin-left: 170px; } #mainCol1 { width: 714px; float: left; margin: 0px; padding: 0px; text-align: left; } #mainCol1 #services { position: relative; background: url(images/service_bg.jpg) no-repeat top left; width: 713px; padding: 0px; padding-top: 46px; height: 143px; margin-bottom: 10px; } #services h3 { font-size: 18px; color: #112638; font-weight: normal; margin: 0px; padding: 0px; font-family: Cambria, Georgia, "Times New Roman", Times, serif; position: absolute; top: 10px; left: 20px; } #productList { margin-top:0px; top: 0px; margin-left: 0px; padding-left: 0px; } #productList ul { margin-left: 0px; margin-right: 0px; } #productList li { float: left; width: 168px; margin: 10px 10px 0 0; text-align:center; } #productList h5 span { display: block; padding: 3px 0; color:#FFFFFF; font-weight: normal; background: #333333; } #productList dl { margin: 1px 0; font-size: 100%; } #productList dt { color:#33394d; padding: 2px 0; text-align: center; background: url(images/main_col_bg.png) no-repeat top left #f8fcff; border-top: 1px solid #cde1f5; } #productList dd { text-align:center; color:#000000; padding: 2px 0; } #productList p { padding: 0 0; margin: 0 0 0 0; text-align: center; border-top: 1px solid #dabf9a; } dl.list309 dt { clear: left; float: left; margin: 0 0 0.8em; width:7.5em; border-left: solid 8px #CCC; padding-left: 5px; color: #000; font-size: 100%; } dl.list309 dd { margin-bottom:0.8em; margin-left: 7.5em; font-size: 100%; } /*table*/ table{ align:left; font-size :12px; color : #003300; margin-right : 0px; margin-left:0px; text-align : left; } td{ text-align:left; padding-top:3px; padding-bottom:3px; padding-left:4px; } table.link_t{ float:left; margin:0px; } table.link_t2{ float:right; margin:0px; } table.sub{ width:283px; height:auto; margin:0; border:none; background-image:url(../img/sab-title2.jpg); background-repeat:no-repeat; } td.sub{ width:185px; height:70px; border:none; margin:0px; padding-left:13px; text-align:left; vertical-align:middle; } table.table021 { margin-top: 0.2em; margin-bottom: 1em; width: 680px; border-collapse: separate; border-spacing: 2px; font-size: 120%; } table.table021 caption { margin-top: 1em; text-align: right; } table.table021 th, table.table021 td { padding: 4px 6px; } table.table021 th { border-bottom: solid 1px #B2B2B2; border-right: solid 1px #B2B2B2; background: #FFD9F3; text-align: center; white-space: nowrap; font-size: 120%; } table.table021 td { border-bottom: solid 1px #B2B2B2; border-right: solid 1px #B2B2B2; background: #F3F3F3; text-align: right; white-space: nowrap; } div.div100-hpi { margin: 1em 0 0; width: 100%; overflow: hidden; /* clear float */ } div.div100-hpi h3 { margin: 1em 0; padding: 3px 10px; border-bottom: solid 3px #78CE7A; color: #363; } div.div100-hpi p { margin: 1em 0 1em 20px; } div.div100-hpi img.figure { float: right; display: inline; margin: 0 0 1em 20px; } #secCol { width: 250px; float: right; margin: 0px; padding: 0px; text-align: center; } fieldset#login { background: url(images/tel1.png) no-repeat top left; margin: 0px auto; padding: 5px 5px 5px 5px; width: 207px; height: 179px; font-size: 1.4em; border: none; position: relative; left: 15px; } #login h4 { font-size: 18px; font-weight: normal; font-family: Cambria, Georgia, "Times New Roman", Times, serif; width: 176px; height: 31px; padding: 4px 0px 0px 30px; margin: 0px; text-align: left; } #login form { height: 95px; width: 207px; padding: 10px 0px 0px 0px; margin: 0px; } #login p { width: 207px; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; } #login form p label { text-align: left; margin-left: 0.5em; float: left; font-size: 14px; } #login form p.check { padding-left: 77px; width: 129px; height: 23px; } #login #remlabel { float: left; font-size: 12px; position: relative; left: -3px; } #login #remember { float: left; width: 14px; height: 14px; margin: 0px; padding: 0px; position: relative; top: 3px; } #login #submit { background: url(images/login.png) no-repeat top left; width: 77px; height: 27px; cursor: pointer; border: none; float: right; } #login #username, #login #password { background: url(images/input_bg.png) no-repeat top left; border: 1px solid #d0d0d0; width: 122px; height: 19px; padding: 2px; color: #222222; font-size: 14px; float: right; margin-bottom: 10px; } #login p.member { text-align: left; width: 200px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; margin: 2px 2px 0px 2px; padding: 2px; line-height: 18px; } h3#news, h3#test, h3#why { position: relative; left: 21px; background: url(images/latest_bg1.png) no-repeat top left; width: 219px; text-align: left; height: 33px; padding: 3px 5px 3px 20px; margin: 0px; margin-top: 10px; color: #fff; font-size: 16px; font-weight: normal; font-family: Cambria, Georgia, "Times New Roman", Times, serif; } h3#test { background: url(images/test_bg1.png) no-repeat top left; } h3#why { background: url(images/why_bg.png) no-repeat top left; width: 214px; position: relative; left: -20px; padding: 3px 5px 3px 30px; } #secCol ul { position: relative; left: 15px; border: 1px solid #d0d0d0; border-bottom: none; list-style-type: none; width:215px; margin: 0px auto; margin-bottom: 10px; padding: 0px; text-align: left; } #secCol ul li { display: block; margin: 0px; padding: 5px; width: 205px; background: url(images/side_col_bg.png) no-repeat top left #fff; border-bottom: 1px solid #d0d0d0; } #secCol ul li h4 { font-size: 14px; font-weight: normal; margin: 0px; padding: 0px; } #secCol ul li span { color: #6b6b6b; font-weight: bold; } #secCol ul li p { color: #4d4d4d; font-size: 12px; margin: 2px; padding: 2px; } #secCol ul li a.more:link, #secCol ul li a.more:visited, #secCol ul li a.more:hover { background: url(images/arrow.png) no-repeat center left; margin: 0px 0px 0px 125px; padding: 0px; display: inline; padding-left: 12px; border: none; text-decoration: underline; font-size: 12px; text-align: right; } #secCol ul li a.more:hover { text-decoration: none; } #secCol ul li p.test { text-align: right; } #footer { width: 994px; margin: 5px auto; font-size: 12px; color: #d9d7d7; padding: 0px; } #footer p { margin: 2px; padding: 2px; font-size: 12px; font-family: arial; } #footer ul { list-style-type: none; display: inline; } #footer ul li { display: inline; } #footer ul li a:link, #footer ul li a:visited { border: none; color: #d9d7d7; text-decoration: underline; } #footer ul li a:hover { color: #fff; text-decoration: none; }