@import url('../fonts/fonts.css'); @import url('../css/slider.css'); @import url('../css/text-slider.css'); @import url('../css/googlead.css'); @import url('../css/jquery.flexslider.css'); @import url('../css/tabpanel.css'); @charset "utf-8"; /* CSS Document */ /* CSS Document for Construction Estimating Lab */ /* COMMON CSS */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, small, strike, sub, sup, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {margin:0px; padding:0px; border:0px; font-size: 100%; font: inherit; outline:0px; vertical-align: baseline; } input, textarea, select, option {outline:none; resize:none;} ul, li {margin:0px; padding:0px; list-style:none;} img {max-width: 100%; height:auto; border:0px;} a{text-decoration:underline; color:#0C72B6;} a:hover{color:#d4aa00;} body{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;} .clear{clear:both; margin:0px; padding:0px;} /*Selection*/ ::selection {background:#000; color:#fff;} ::-moz-selection {background:#000; color:#fff;} /*float align*/ .left {float: left;} .right {float: right;} /*hgroup*/ h1, h2, h3, h4, h5, h6 {font-weight:bold; color:#00528C;} h1 {font-size:19px; margin-bottom:5px; padding-bottom:5px;} h2 {font-size:16px; margin-bottom:5px; padding-bottom:5px;} /*=========== FOR BODY SECTION ===========*/ .main {margin:0 auto; width:1000px;} .header {margin-bottom:10px;} .container {margin-bottom:15px;} /* HEADER */ .header_top {background: url(../images/header_top_line.jpg) repeat-x center bottom #132d50; height:30px;} .header_middle {background:#173a62; padding:10px 0;} .header_bottom {background:#d9d9d9; border-bottom:1px solid #c7c7c7; text-align:center;} .header_bottom_last {background:#173a62; text-align:center;} .header_top{} .time, .date {float:left; color:#fff; display:inline; margin-top:5px; font-size:11px;} .time{margin-left:5px;} .logo {float:left;} .navigation {float:right; margin-top:20px;} .social_media {float:right;} .social_media a {display:block; float:left; background:#fff; color:#333; font-size:20px; padding:3px 2px 3px 5px; text-align:center; margin-top:1px; -moz-transition:.5s; ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s; transition:.5s; } .social_media a + a {margin-left:10px;} .social_media a:hover {background:#d4aa00; color:#fff; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .top_link {float:right; margin:5px 40px 0 0;} .top_link li {float:left; color:#fff;} .top_link li + li {margin-left:15px;} .top_link li a {color:#fff; text-decoration:none;} .top_link li a:hover {color:#d4aa00; } .navigation{} .navigation li {float:left;} .navigation li + li {margin-left:2px;} .navigation li a {color:#fff; text-decoration:none; text-transform:uppercase; padding:5px; -moz-transition:.5s; ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s; transition:.5s; } .navigation li a:hover, .navigation li.active a {background:#325781; -moz-border-radius:18px; -o-border-radius:18px; -webkit-border-radius:18px; ms-border-radius:18px; border-radius:18px; } .header_bottom{} .header_bottom li {display:inline-block; padding:8px 2px; -moz-transition:.5s; ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s; transition:.5s; } .header_bottom li + li {margin-left:2px;} .header_bottom li a {color:#000; text-decoration:none;} .header_bottom li:hover {background:#b7b7b7;} .header_bottom_last{} .header_bottom_last ul {display:block;} .header_bottom_last li {display:inline-block; padding:8px 4px; -moz-transition:.5s; ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s; transition:.5s; } .header_bottom_last li + li {margin-left:2px;} .header_bottom_last li a {color:#fff; text-decoration:none;} .header_bottom_last li:hover {background:#587BA3;} .header_news_updater {padding:10px 0;} .header_slider_area {padding:10px 0;} .area_banner {float:left; margin-right:15px; width:280px; border:1px solid #ccc; padding:3px;} /*.area_usefull_links {float:left; margin-right:15px; width:350px; border:1px solid #f2f2f2; padding:3px;} .area_usefull_links{} .area_usefull_links li {display:block; margin:0 0 8px 15px;} .area_usefull_links li a {text-decoration:none; color:#0C72B6; font-weight:bold;} .area_usefull_links li a:hover {text-decoration:underline; color:#d4aa00;} .area_usefull_links li span {display:block; padding-left:18px;} .area_usefull_links h3, .area_text_slider h3 {background:#173a62; color:#fff; padding:4px; margin-bottom:10px; text-align:left; font-size:14px;}*/ .area_text_slider {float:left; width:312px; border:1px solid #f2f2f2; padding:3px;} .middle_box_area {margin:15px 0 5px;} .middle_box_area a {text-decoration:none; font-size:12px;} .middle_box_area h3 {font-size:14px; border-bottom:1px dotted #ccc; padding-bottom:5px; margin-bottom:5px;} .middle_box_area h4, .middle_box_area h4 a {text-decoration:none; margin-bottom:5px; font-weight:bold;} .middle_box_area ul {display:block; border-bottom:1px dotted #ccc; height:112px;} .middle_box_area li {float:left; width:238px; background:#f2f2f2; padding:5px 3px; margin-bottom:5px;} .middle_box_area li + li {margin-left:7px;} .middle_box_area li .thumb_pic1 {float:left; width:80px; height:80px; margin-right:10px;} .middle_box_area li .detls {font-size:11px; margin-left:90px;} .middle_box_area a.moreinfo1 {margin-left:90px;} .middle_box_widget {margin:5px 0;} .advertise_widget {float:right; padding:2px;} .advertise_widget fa-desktop{} a.moreinfo {display:block; margin-top:5px; text-decoration:none;} a.moreinfo1 {float:none; display:block; margin:4px 0 0 108px;} a.moreinfo2 {float:none; display:block; margin:4px 0 0 18px; font-weight:normal!important;} .link {float:right; display:block;} a.moreinfo:hover, a.moreinfo1:hover, a.moreinfo2:hover, .link:hover {text-decoration:underline;} .widget1 {margin-bottom:20px;} .widget2 {margin-bottom:20px;} .left_block {float:left; width:260px; margin-left:10px;} .left_block h3 {color:#1c4779; font-size:14px; margin-bottom:15px;} .left_block h3 span {display:block; margin:0 0 7px 22px; font-size:12px;} .left_block li {display:block; margin:0 0 6px 23px;} .left_block li a {text-decoration:none; color:#173a62;} .left_block li a:hover {text-decoration:underline; color:#D4AA00;} .middle_block {float:left; width:465px; background:#f2f2f2; padding:5px;} .middleLeft-block {float:left; width:280px;} .middleLeft-block .estimator-pic {margin-bottom:15px; display:block;} .middleLeft-block .estimator-pic .caption {padding:5px 0; color:#333; font-size:11px; width:270px; margin:10px 0; display:block; border-bottom: 1px solid #C6C6C6;} .middleLeft-block p {line-height:19px; margin-bottom:10px;} .middleLeft-block .link {float:left;} ul.links {display:block; float:right; width:165px;} ul.links li {display:block; font-weight:bold; font-size:11px; margin-bottom:10px; padding-bottom:5px; border-bottom:1px dotted #ccc;} ul.links li a {display:block; margin-bottom:4px; text-decoration:none;} ul.links li a.moreinfo {font-weight:normal;} ul.links li span {display:block; font-weight:normal; font-size:11px; margin-bottom:8px;} .right_block {float:right; width:245px;} .newsletter_block {margin-bottom:15px; border-bottom:1px dotted #ccc; padding-bottom:15px;} .newsletter_block .title {font-weight:bold; color:#225186; } .newsletter_block .fa-envelope {font-size:18px;} .newsletter_block input[type="text"] {width:72%; float:left; display:block; background:#f2f2f2; padding:0 2%; height:24px; line-height:24px; border:1px solid #ccc; margin:8px 0 10px; font-size:11px; color:#6D6D6D;} .newsletter_block input[type="button"], .newsletter_block input[type="submit"] {border:0px; background:#225186; color:#fff; float:left; padding:4px 10px; cursor:pointer; margin-top:8px;} .newsletter_block input[type="button"]:hover, .newsletter_block input[type="submit"]:hover {background:#d4aa00;} .newsletter_block_small {margin-bottom:15px; border-bottom:1px dotted #ccc; padding-bottom:15px;} .newsletter_block_small .title {font-weight:bold; color:#225186; } .newsletter_block_small .fa-envelope {font-size:18px;} .newsletter_block_small input[type="text"] {width:68%; float:left; display:block; background:#f2f2f2; padding:0 2%; height:24px; line-height:24px; border:1px solid #ccc; margin:8px 0 10px; font-size:11px; color:#6D6D6D;} .newsletter_block_small input[type="button"], .newsletter_block input[type="submit"] {border:0px; background:#225186; color:#fff; float:left; padding:4px 10px; cursor:pointer; margin-top:8px;} .newsletter_block_small input[type="button"]:hover, .newsletter_block input[type="submit"]:hover {background:#d4aa00;} .advertise_block {margin-bottom:15px; border-bottom:1px dotted #ccc; height:30px; padding:0 0 20px 25px; text-align:center;} .advertise_block .fa-desktop {font-size:40px; float:left; margin-right:10px;} .advertise_block .title {margin-top:5px; float:left; font-size:15px; font-weight:bold; text-transform:uppercase;} .text_scroll{padding-top:10px;} .text_scroll h3 {margin-bottom:8px; font-size:14px; color:#1C4779;} .text_scroll li {display:block; margin:0;} .text_scroll li a {text-decoration:none; color:#173a62; font-weight:bold;} .text_scroll li a:hover {text-decoration:underline; color:#d4aa00;} .text_scroll li span {display:block; padding-left:22px; margin-top:5px;} .text_scroll li a.moreinfo2 {margin-left:23px!important;} .tab_panel {width:480px; float:left; height:250px;} .tab_panel h3 {font-size:14px; margin-bottom:10px; background:#173A62; color:#fff; padding:4px;} .sheet_block {float:left; margin-left:25px; width:220px;} .sheet_block h3 {margin-bottom:8px; font-size:14px; color:#1C4779; background:#f2f2f2; padding:4px;} .sheet_block li {display:block; margin:0 0 8px 15px; font-size:13px;} .sheet_block li a {text-decoration:none; color:#0C72B6; font-weight:bold;} .sheet_block li a:hover {text-decoration:underline; color:#d4aa00;} .sheet_block li span {display:block; padding-left:18px;} .left_panel {float:left; margin:20px 20px 0 0; width:230px; background:#f2f2f2; padding:10px;} .content_panel {float:left; margin-top:20px; width:535px; } .right_panel {float:right; margin:20px 0 0 20px; background:#ccc; text-align:center; width:170px; height:600px; line-height:600px;} .left_panel {} .left_panel h3 { background: #173A62; color: #FFFFFF; font-size: 14px; margin-bottom: 10px; padding: 4px; text-align: left; } .left_panel ul {margin-left:15px;} .widget_bottom {float:right; width:250px; padding:2px;} .widget_bottom h3 {font-size:14px; margin-bottom:8px; background:#f2f2f2; padding:4px;} .widget_bottom li {display:block; margin:0 0 8px 15px; font-size:13px;} .widget_bottom li a {text-decoration:none; color:#0C72B6; font-weight:bold;} .widget_bottom li a:hover {text-decoration:underline; color:#d4aa00;} .widget_bottom li span {display:block; padding-left:18px;} .footer {background:#4b4b4b; border-top:1px solid #ccc; padding:15px 0; margin-top:30px;} .widget3 {background:url(../images/footer_line.jpg) repeat-x center bottom; padding-bottom:10px; text-align:center; margin-bottom:10px;} .widget3 h5, .widget4 h5, .widget5 h5 {font-size:14px; margin-bottom:10px; color:#fff; text-shadow:1px 1px 0 #000;} .widget3 h5 span{margin:0 10px;} .widget3 li {display:inline-block; margin-bottom:5px;} .widget3 li + li {background:url(../images/line.jpg) no-repeat left 3px; margin-left: 4px;} .widget3 li a {margin-left:7px; color:#fff; text-decoration:none;} .widget3 li a:hover {color:#D4AA00;} .copyright_area {padding:15px 0 0; margin:10px 0 0; color:#fff; font-size:11px; text-align:center; background:url(../images/footer_line.jpg) repeat-x center top;} .copyright_area a {color:#fff; text-decoration:none;} .copyright_area a:hover {color:#D4AA00;} /* */ .content {} .main_content {float:left; width:678px;} .right_content {float:right; width:300px; padding-left:10px; border-left:1px dotted #ccc;} .left_area {float:left; border-right:1px dotted #ccc; padding-right:5px; width:200px;} .right_area {float:right; border-left:1px dotted #ccc; padding-left:5px; width:200px;} .main_area {float:left; margin:0 10px; width:566px;} .main_area p {margin-bottom:10px; line-height:20px; font-size:15px;} .widget6 {margin-bottom:10px;} .sheet_display_widget {margin:10px auto;} .content h1 {border-bottom:1px dotted #ccc; padding-bottom:5px; margin-bottom:10px;} .sheet_pic {float:right; height:280px; position:relative;} .sheet_pic img {border:2px solid #ccc; padding:1px;} .sheet_pic .caption {background:rgba(0,0,0,0.5); display:block; padding:5px; color:#fff; font-size:11px; position:absolute; bottom:10px; right:2px;} .download_widget {margin:40px 0 10px; padding:10px 0; border-top:1px dashed #f2f2f2; text-align:center; background:#f2f2f2;} .download_widget li {display:inline-block; margin-right:10px; line-height:30px;} .download_widget li a {text-decoration:none;} .download_widget li img {float:left; margin-right:5px;} .download_widget li span {padding-top:10px;} .right_content h3, .left_area h3, .right_area h3 {font-size:14px; margin-bottom:10px;} .video_week {margin-top:20px;} .video_week iframe {border:2px solid #ccc; padding:2px; margin-left:10px;} .video_week a.large_mode {display:block; text-align:right; margin-top:5px; font-size:11px; text-decoration:underline;} ul.listing1 {margin:0 0 20px 0;} /*ul.listing1 {margin:0 0 20px 20px;}*/ ul.listing1 li {margin-bottom:8px;} ul.listing1 li a {text-decoration:none;} ul.listing2 {margin:5px 0 20px;} ul.listing2 li {margin-bottom:5px; background:#f2f2f2; padding:0 10px;} ul.listing2 li:hover {background:#f9f9f9;} ul.listing2 li .fa-chevron-circle-right {float:left; font-size:14px; display:block; margin:7px 10px 0 0;} ul.listing2 li a {display:block; text-decoration:none; padding:5px 0; font-size:13px;} /* CSS on 25.05.14 */ /* here main width is 1000px */ .three_col_content {float:left; width:480px; margin:0 48px;} .three_col_left {float:left; width:200px; padding-right:10px; border-right:1px dotted #ccc;} .three_col_right {float:right; width:200px; padding-left:10px; border-left:1px dotted #ccc;} ul.listing3 {margin:10px 0 20px 20px;} ul.listing3 li {margin-bottom:8px; line-height:22px;} ul.listing3 li .fa {float:left; margin:5px 5px 0 0;} ul.listing3 li a {text-decoration:none; float:left; width:164px;} /* here main width is 980px */ .three_col_main {margin:0 auto; width:980px;} .three_col_content1 {float:left; width:480px; margin:0 37px;} .three_col_left {float:left; width:200px; padding-right:10px; border-right:1px dotted #ccc;} .three_col_right {float:right; width:200px; padding-left:10px; border-left:1px dotted #ccc;} ul.listing3 {margin:10px 0 20px 20px;} ul.listing3 li {margin-bottom:8px; line-height:22px;} ul.listing3 li .fa {float:left; margin:5px 5px 0 0;} ul.listing3 li a {text-decoration:none; float:left; width:164px;}