body{ background: #20174f; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; } #main_container{ width: 100%; margin: 0 auto; } #page_container{ width: 980px; margin: 0 auto; background: #fff;} /*Header and Top Navigation*/ #header{ background: #fff url(/images/castings_headimg.jpg) no-repeat top center; height:73px; text-align:right} #tnav-bg{ background: url(/images/nav_left_bg.gif) repeat-x; height: 41px; } #tnav-left{ float: left; position:relative; width: 646px; height: 30px; } #tnav-right{ float: left; position:relative; background: url(/images/nav_right_bg.gif) no-repeat top right; width: 334px; height: 41px; } #tnav-bg #tnav-left ul{ list-style-type: none; width: 646px; margin: 3px 0 0 0; padding: 0; } #tnav-bg #tnav-left li{ list-style-type: none; float: left; position:relative; margin: 0; padding: 0; line-height: 27px;} #tnav-bg #tnav-left a{ padding: 0 8px; float: left; position:relative; border-right: 1px solid #6c6a82; border-left: 1px solid #19123b; /*font-weight: bold;*/ text-decoration: none; color: #fff; font-size: 11px; } #tnav-bg #tnav-left a:hover{ color: #ccc; } #tnav-bg #tnav-left .home{ border-left: 0; } #tnav-bg #tnav-right ul{ list-style-type: none; width: 289px; margin: 3px 0 0 0; padding: 0; padding: 0 0 0 60px } #tnav-bg #tnav-right li{ list-style-type: none; float: left; position: relative; margin: 0; padding: 0; line-height: 30px;} #tnav-bg #tnav-right a{ padding: 0 7px; float: left; position:relative; border-right: 1px solid #7ba1de; border-left: 1px solid #4c6895; font-weight: bold; text-decoration: none; color: #1f3557; font-size: 12px; } #tnav-bg #tnav-right a:hover{ color: #000; } #tnav-bg #tnav-right .wmlee{ border-left: 0; } #tnav-bg #tnav-right .flag{ padding: 0 6px; margin: 0; } #tnav-bg #tnav-right .flag_r{ padding: 0 6px; margin: 0; border-right: 0; } #tnav-bg #tnav-right .flag img, .flag_r img{ padding-top: 6px; border: 0; } /*3 Column section details....*/ #page{ background: #d1d0db url(/images/bg_page1.gif) repeat-y 196px 0px; /*width: 980px;*/ } #page2{ background: url(/images/background_img.gif) no-repeat top left; min-height:542px; /*width: 980px;*/ } #container-l{ width: 195px; float: left; position:relative; } #container-lr{ width: 720px; position: relative; float:left; padding:20px; } #datasheet_img{ background: url(/images/datasheets.jpg) no-repeat top left; width: 168px; height: 78px; margin-top: 14px; margin-left: 13px; } #container-l ul{ padding: 0; margin: 0; margin-left: 15px; } #container-l li{ list-style-type: none; padding: 0; margin: 0; line-height: 25px; } #container-l li a{ background: url(/images/bullet_file.gif) no-repeat center left; padding-left: 15px; color: #000; font-size: 12px; font-weight: bold; text-decoration: none; } #container-l li a:hover{ background: url(/images/bullet_file_over.gif) no-repeat center left; color: #20174f; } #container-l .cert{ height: 61px; width: 177px; padding-top: 20px; margin-left: -7px; } #container-l .cert img{ border: 1px solid #000; } #container-l .cert-bottom{ height: 61px; width: 177px; padding-top: 20px; margin-left: -7px; margin-bottom: 15px; } #container-l .cert-bottom img{ border: 1px solid #000; } #container-c{ background: #fff; margin: 0; padding:0 0 0 0; width: 98%; float: left; position:relative; border-right: 2px solid #20174f; } /*.datasheet a{ background: url(/images/datasheetbtn.gif) no-repeat top left; width: 182px height: 30px; display: block; } .datasheet a:hover{ background: url(/images/datasheetbtn_over.gif) no-repeat top left; }*/ /*.databtn #navedge_r{ background:url(../images/h_nav_right.gif) no-repeat; display:block; width:9px; height:32px; position: absolute; right:0px; top:0px; }*/ /* Edit there in LiquidWeb.css */ h1{ font-size: 22px; color: #20174f; margin: 0; padding: 0; margin-bottom: 10px; } h2{ font-size: 15px; color: #20174f; margin: 0; padding: 0; margin-bottom: 10px; } h3{ font-size: 13px; color: #444; margin: 0; padding: 0; margin-bottom: 10px; } h4{ font-size: 15px; color: #fff; margin: 5px; padding: 0; } #container-r{ background: #cecdd8 url(/images/bg_r.gif) repeat-x top right; width:100%; float: left; position:relative; } /* TABLE CELLS */ .maintable{ width: 100%; padding: 3px; border:0; } .table-mainheading{ background: #42597F; text-align: center; vertical-align: middle; } .table-mainheading2{ background: #42597F; text-align: left; vertical-align: middle; color: #fff; font-size: 25px; } .table-heading2{ background: #7c8da9; text-align: center; vertical-align: middle; color: #1B1444; padding: 3px; font-size: 22px; font-weight: bold; } .table-heading2_l{ background: #7c8da9; text-align: left; vertical-align: middle; color: #ddd; padding: 3px; font-size: 17px; font-weight: bold; } .table-heading{ background: #7c8da9; text-align: center; vertical-align: middle; color: #eee; padding: 3px; } .table-heading_l{ background: #7c8da9; text-align: left; vertical-align: middle; color: #eee; padding: 3px; } .table-heading_r{ background: #7c8da9; text-align: right; vertical-align: top; color: #eee; padding: 3px; } .table-cell{ background: #eef4fd; text-align: center; padding: 3px; } .table-cell_l{ background: #eef4fd; text-align: left; padding: 3px; } .table-cell_r{ background: #eef4fd; text-align: right; padding: 3px; } img{ border: 1px solid #20174f; padding:0; } /* Footer section ....*/ #footer{ background: #000 url(/images/footer_bg.gif) repeat-x; height: 30px; color: #fff; font-size: 11px; width: 980px; line-height: 30px; } .foot-left{ float: left; position:relative; padding-left: 20px; } .foot-right{ float: right; position: relative; padding-right: 20px; } .foot-right a:link {color: #fff; font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: underline;} .foot-right a:visited {color: #fff; font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: underline;} .foot-right a:hover {color: #ccc; font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none;} .foot-right a:active {color: #fff; font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: underline;} /*Clearing and Floating styles tags...*/ .clear{ line-height: 0; height: 0; margin: 0; padding: 0; clear: both;} .fleft{ float: left; position:relative; } .fright{ float: right; position: relative; }