/* CSS Document */ body {margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:13px; background-image:url(../images/bg_back.jpg); background-repeat:repeat-x; background-color:#161616} a{color:#1b497a; font-family: Arial, Helvetica, sans-serif; font-size:13px; text-decoration:none} a:hover {color:red;text-decoration:none;} img{ border:none; } .link1{text-decoration: none; font-size: 13px; color:red; font-weight:bold; color:#5F6551 } .link2{text-decoration: none; font-size: 12px; color:#0099FF;} .link3{text-decoration: none; font-size: 12px; color:#99CC00; } .link4{text-decoration: none; font-size: 12px; color:#CC0000;} .pad{margin: 0px ; padding:5px 10px; text-align:justify; color:#6A6C64; line-height:20px;} .hd1{font-size:13px; font-weight:bold; text-decoration:none; height:20px; line-height:20px; color:#B98771 } .hd{font-size:13px; height:20px; color:#CC6666 ;font-weight:bold;} /* main contant */ #Container{margin: 0px auto; width:982px; clear:both; text-align:justify; overflow:auto; line-height:normal; background-color:#fff } #header{margin: 0px auto; padding:0px; width:970px;} #logo {float :left; width:150px; padding-top:5px; padding-left:20px;} /* Login Area*/ #login{width:505px; margin-left:80px; font-family:arial; text-align:left ; float:right;; height:30px; background-image:url(../images/loginBg.gif); background-repeat:no-repeat; padding:10px 10px;} div.loginrow { margin:0px; padding:0px 5px; color:#003366 ; float:left; } div.loginrow .input{ width:112px; height:22px; font-size:11px; color: #999; background-image:url(../images/user.gif); border:0px; line-height:22px; background-color:transparent; padding-left:23px } div.loginrow .pwd{ width:112px; height:22px; font-size:11px; color: #999; background-image:url(../images/passwod.gif); border:0px; line-height:22px; background-color:transparent; padding-left:23px } div.loginrow span.label_ logn {float: left; margin:0px; text-decoration:none; font-size:11px; text-align: left; line-height:22px; } #login .btn{ background-image:url(../images/login.gif); height:23px; width:53px; background-repeat:no-repeat; border:0px; cursor:hand; margin:0px; text-align:center; background-color:transparent;} #contCurve{ width:982px; clear:both; margin:0px auto;} #Subflash{margin: 0px auto; width:955px; height:185px; clear:both; padding-top:3px; padding-bottom:3px; } #flash{margin: 0px auto; width:955px; height:212px; clear:both; background-image:url(../images/home_bg.jpg); background-repeat: no-repeat ;padding-top:3px; padding-bottom:3px; } #Col{margin:0px auto; clear:both; padding-top:5px; width:960px; clear:both; text-align:justify;} /* ######### Left Column ######### */ #leftcolumn{float: left; width:246px; border:1px solid #DADADA; background-color:#E8E4E4; margin-left:15px; margin-top:5px} #leftcolumn img{ padding:0px; margin:0px} #leftcolumn .menu ul{list-style-type: none; margin: 0;padding: 0;margin: 0px; line-height:15px;} #leftcolumn .menu ul li{padding: 2px; background: url(../images/arrow.png); background-repeat: no-repeat; } #leftcolumn .menu ul li a{color: #A70303;text-decoration: none;font-size: 11px;color: #628aae;} #leftcolumn .menu ul li a:hover{color: #003872;background-color: #f9fcff;} /* ######### Right Column ######### */ #rightcolumn{float:left; margin-left:15px; width:690px; color:#4B4B4B;padding:0px} #rightcolumn img{float:right; padding:10px 10px 0px 10px; border:0px} #home ul {float:left; margin:0px; padding :0px; list-style : none; } #home li {margin-left:2px; padding 0px; list-style : none;clear:both; } #home li a{color:#666; text-decoration:none; text-align:left; vertical-align:top} #home img{float: left; border:0px; margin:0px; padding:0px;} #Products ul {float:left; margin:0px; padding :0px; list-style : none; } #Products li {margin-left:2px; padding : 0 40px 0 15px; list-style : none;line-height :25px; background: url(../images/arrow.gif) no-repeat left 7px; clear:both;} #Products li a{color:#666; text-decoration:none; font-size:16px; margin:0px; padding:0px; font-weight:bold} #Products img{float: none; border:0px; margin:0px; padding:0px;} #Products li a:hover {color:#0099FF;text-decoration:none;} #Servis {float:left; clear:right ; width:690px } #Servis ul {float:left; margin:0px; padding :0px; list-style : none; clear:right } #Servis li {margin-left:2px; padding : 0 40px 0 15px; list-style : none;line-height :22px; background: url(../images/arrow.gif) no-repeat left 7px; clear:both;} #Servis li a{color:#666; text-decoration:none; font-size:12px; } #Servis li a:hover {color:#0099FF;text-decoration:none;} #min .box {float:left; margin:0px; padding:0px; width:110px; vertical-align: bottom; } #min img{float:left; margin:0px 20px 20px 0px; border:0px; padding:0px; clear: inherit ; vertical-align:bottom } #min {margin :0px auto; padding :5px; list-style : none; color:#333; clear:both ; width:850px;} #min ul { float:left; color:#333; margin:0px; padding:0px;} #min li {margin-left:5px; padding-left:14px; list-style : none; line-height :20px;background: url(../images/arrow.gif) no-repeat left 7px; clear:both;} #form{margin 0px; width:400px; clear:both; padding:25px; background-color:#F2F4F2; border:1px solid #ccc; color:#666;} .contRow { margin:5px; } .contRow .input{ width:160px; margin:2px; padding:2px 5px;color: #333; border:1px solid #ccc} .contRow span.label_logn {float: left; margin:0px; width: 125px; padding-left:25; text-decoration:none; text-align: left; } .contRow span.forml_logn a{width: 250px; margin:0px; } .Btn {margin-left:3px; padding:1px 4px; line-height:20px; height:23px; color:#000; background-color:#ddd; border:1px solid #669900; font-size:13px; font-weight:bold; font-family:Arial; } #arrowlist ul{list-style-type: none; margin: 0px; padding: 0px; line-height:25px; clear:both; } #arrowlist ul li{padding-bottom: 2px;} #arrowlist ul li a{color: #A70303;display: block; margin-left:20px; padding-left:15px; text-decoration: none;font-size: 13px;color: #6A3E2F; width:620px;} #arrowlist ul li ul li {color: #A70303; margin:0px; padding-left:15px; line-height:18px; text-decoration: none;font-size: 13px;color: #6A3E2F; width:400px; list-style-type: none;} #arrowlist ul li ul li a{color:#A08B8B ; list-style-type: none; background: url(../images/arrow.png) no-repeat center left;} #arrowlist ul li ul li a:hover{color: #ccc; background-color: #f9fcff;} #arrowlist ul li a:hover{color: #ccc; background-color: #f9fcff;} /* ######### Menu ######### */ #navigation { width:700px; font-family:arial; float:right; z-index:999; text-align:right; padding-right:20px; } .suckertreemenu ul{margin: 0;padding: 0;list-style-type: none; font-family:arial; font-weight:bold; font-size:13px; } .suckertreemenu ul li{position: relative; display: inline;text-align:right;} .suckertreemenu ul li a{ display: inline; padding:2px 15px; text-decoration: none; color: #333;} .suckertreemenu ul li ul{left: 0; position: absolute; top: 1em; display: block; visibility: hidden; border:1px solid #E8E8E8 } .suckertreemenu ul li ul li{display: list-item;float: none;} .suckertreemenu ul li ul li ul{ left: 159px; top: 0;} /* Sub level menu links style */ .suckertreemenu ul li ul li a{display: block; text-align:left; width: 150px; color: #666; text-decoration: none; padding: 4px 10px; font-family:arial; font-weight: normal; font-size:13px; border-bottom:1px solid #E8E8E8; background-color:#FFFFFF; margin:0px;} .suckertreemenu ul li a:hover{background-color:#EDEDED; color: #000; } .suckertreemenu ul li ul li a:hover {color: #0099FF; text-decoration: none; background-color:#fff } /*Background image for top level menu list links */ .suckertreemenu ul li .active{ color: #B30E00; } * html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/ padding-top: 1em; } /* Holly Hack for IE \*/ * html .suckertreemenu ul li { float: left; height: 1%; } * html .suckertreemenu ul li a { height: 1%; } /* ######### list Menu ######### */ .arrowlistmenu{width: 235px; margin:4px; } .arrowlistmenu ul{list-style-type: none;margin: 0;padding: 0;} .arrowlistmenu ul li{padding-bottom: 2px; } .arrowlistmenu ul li a{color: #7F6767;background: url(../images/arrow.png) no-repeat center left; display: block;padding: 2px 0;padding-left: 19px;text-decoration: none;font-weight: bold;border-bottom: 1px solid #dadada;font-size: 90%;} .arrowlistmenu ul li a:hover{ color: #A70303;} .listmenu{width: 235px; margin:4px; } .listmenu ul{list-style-type: none;margin: 0;padding: 0;} .listmenu ul li{padding-bottom: 2px; } .listmenu ul li a{color: #7F6767;background: url(../images/arrow.png) no-repeat top left; display: block;padding: 2px 0;padding-left: 19px;text-decoration: none;border-bottom: 1px solid #dadada;font-size: 85%; text-align:left;} .listmenu ul li a:hover{ color: #A70303;} /* Copyrights area */ #copyrights{ margin: 0px auto ; padding:0px; width:950px; height:25px; line-height:25px; clear:both; font-size:11px; } #copyrights ul{margin: 0px; padding:0px; list-style:none; font-size: 11px; color:#818181; } #copyrights li{padding:0; margin: 0px; font-family: "Arial", sans-serif; line-height:20px; height:20px; float: left; text-align:left } #copyrights li a{font-size: 11px; font-weight: normal; margin: 0px; color:#818181; padding: 0.2em; text-decoration:none; } #copyrights li a:hover{text-decoration: underline; color:#b1d4da;} /* services area */ .products{ width:880px; margin: 0px auto; clear:both; border-top:1px solid #d9d9d9; } .products_img{ float:left; margin:0px 24px 0px 0px; width:150px; text-align:center; vertical-align: baseline} .products_content{width:850px;float:left; padding:22px 0px 16px 0px; margin:0px;border-bottom:1px solid #d9d9d9;} .products_text{width:608px;float:left;margin:0px;padding:0px 0px 0px 0px;} .products_text ul { float:left; color:#333; margin:0px; padding:0px;} .products_text li {margin-left:5px; padding-left:14px; list-style : none; line-height :20px;background: url(../images/arrow.gif) no-repeat left 7px; clear:both;} .products_text ul li ul li { margin-left:10px; padding-left:10px;} /* ######### CSS for Shade Tabs. Remove if not using ######### */ #tabs{ float:left; margin:5px; padding-top:5px;} .shadetabs{padding: 5px 6px;margin-left: 0;margin-top: 1px;margin-bottom: 0;font: bold 13px arial;list-style-type: none; background-color:#E8E4E4; height:15px;width:630px;text-align: left; float:left; border-bottom:1px solid #ccc;} .shadetabs li{display: inline;margin:0px; margin-right:10px;} .shadetabs li a{text-decoration: none;position: relative;z-index: 1;color: #2d2b2b; border:#ccc; margin-right:10px;padding:4px 10px;} .shadetabs li a.selected{ background-color:#FFFFFF;padding:4px 10px; border:1px solid #ccc;color: #BA271C; border-bottom-color: white; margin-right:10px;} .tabcontent{display:none;} @media print {.tabcontent {display:block !important;}} .modernbricksmenu2{padding: 0;width:630px;} .tabcontent{display:none;clear:both;overflow:auto;} @media print {.tabcontent {display:block !important;}}