.progress-label {
    float: left;
    margin-left: 50%;
    margin-top: 5px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
    color: black;
    z-index: 2;
}
.hidden-collapsed {
    display:none !important;
}
#QSiteWorkSpace {
    min-height:720px;
    z-index:1;
}
.QContentWrap {
  margin-top: 6px !important;
  min-height: 512px;
}
.QC{
    width:  1024px;
    text-align:center; 
    margin:0px auto;  
}
#QHeader {
  padding-top: 64px;
}
.pg-home #QHeader {
  padding-top: 14px;
}
#QHeader td {
    width:33%; 
}
.pg-home #QSiteWorkSpace {
    background:url("images/site/background3.jpg") center 54px no-repeat transparent;
}
.QFC0 {height:0px; overflow:visible;}
html {
    height:         auto;
}
body {
    width:          100%;
    height:         auto;
    font-family:    "Open Sans",arial,sans-serif!important;
    font-size:      100%;
    font-weight:    400;
    color:          #4d4d4d;
    line-height:    1em;
    letter-spacing: normal;
    word-spacing:   normal;
    text-align:     center;
    cursor:         default;
    background:     #ffffff;
}
html, body, applet,a,a:link, abbr, acronym, address,blockquote, big,caption, cite, code,del, dfn, div,em, font,form,object, iframe,  pre, img, ins, kbd, q, p,s, samp, span, small, strike, strong, sub, sup,tt, var, b, u, i, dl, dt, dd, ol, ul, li, label, legend, fieldset,table,  table, tbody, tfoot, thead, tr, th, td,input, textarea, select,h1,h2,h3,h4,h5,h6,menu,nav,time,section,summary,article,time,mark,audio,video,hgroup,
header,footer,figcaption,figure,ins{
    margin:         0px;
    padding:        0px;
    border:         none;
    outline:        none;
    z-index:        1;
    line-height:    1em;
}
div,table,tr,td,th,ul,ol,li,form,input,select,label,textarea,p,a,a:link{
    position:       relative;
    text-align:     left;
}
div,ul,ol,li,form,input,select,label,textarea,p {
    display:        block;
}
p { font-size:      1em;
    line-height:    1.1em;
}
h1,h2,h3,h4,h5,h6,label,.title{
    text-indent:    4px;
    font-family:    "Marcelus",arial, sans-serif!important;
    font-weight:    700;
}
h1 {
  border-bottom: 1px solid #FFE53B;
  color: #575757;
  font-size: 1.5em;
  line-height: 1.75em;
  padding-top: 11px;
}  
h2 {
    font-size:1.250em;
    line-height:1.500em;
}
h3,h4,h5 {
    font-size:12px;
    line-height:16px;
}
h2,h3,h4,h5,h6{color:                          #057575;}
legend,label,
.QBox .telephone,.QBox .fax,.QBox .email{color:#a3a0a3;}
caption, .notices, .notices p{color:           #adabad;}
.message, .message p{color:                    #4f4d4d;}
a,a:link,a:active,a:visited,a:hover {color:    #838385;
                                     display:  inline-block;}
a:hover{color:                                 #00568b;}
.required{color:                               #474747;}
a:link,a:active,a:visited,a:hover,button,.button {
    text-decoration: none;
    cursor:pointer;
}
a.nopointer {
    cursor:          default;
}
.fader_element,
p.center, td.center, th.center, .center, div.center > .i {
    text-align:     center;
    float:          none;
}
p.left, td.left, th.left, .i.left, div.left > .i {
    text-align:     left;
    float:          none;
}
p.right, td.right, th.right, .i.right, div.right > .i {
    text-align:     right;
    float:          none;
}
input[type="text"], input[type="password"],select {
    line-height:24px;
    height:24px;
}
input[type="text"],textarea, input[type="password"],input[type="file"] ,select,textarea {
    cursor:             text;
    color:              #4a4a4a;
    background-color:   #f5f5f5;
    border:             1px solid #00568b;
}
input[type="submit"], input[type="reset"], input[type="button"],a.button, button, .button{
    cursor:             pointer;
    white-space:        nowrap;
    text-align:         center;
    padding:            0px 8px;
}
input[type="checkbox"], input[type="radio"]{
    display:            inline-block;
    cursor:             pointer;
}
input[type="text"]:hover, input[type="password"]:hover, input[type="file"]:hover,select:hover,textarea:hover,
input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus,select:focus,textarea:focus {
    color:              #212121!important;
    border-color:       #156b8a;
    background-color:transparent;
    }
button, input,.button, a.button,.tab_tab{
    color:              #e0e0e0;
    background:         #1f1f1f;
    }
button:hover, input:hover,.button:hover, a.button:hover,
.catmenu a:hover, a.active,.active .button, li.active a,
.tab_tab:hover,.tab_tab.active {
    color:              #ffffff!important;
    background:         #474747;
}
.go, input.go,a.go, .attachment a.button{
    background:         #262626!important;
}
.go:hover, input.go:hover,a.go:hover{
    background:         #171717!important;
}
.cancel, input.cancel,a.cancel{
    background:         #3b3b3b!important;
}
.cancel:hover, input.cancel:hover,a.cancel:hover{
    background:         #1c1c1c!important;
}
.button.super, .button.large {
    padding:            4px 16px;
    margin:             4px 16px;
    font-size:          1.5em;
    text-shadow:        0px 1px 0px #000;
    border:             1px solid #c2c2c2;
    box-shadow:         0px 0px 8px rgba(0,0,0,0.25);
}
.button.super {
    font-size:          2em;
}
.error {
    color:              #4d4d4d;
    }
.mainBlock .subBlock ul{
    list-style-type:    disc;
    list-style-position:outside;
    padding-left:       16px;
}
ul.menubar, .QLogin ul, .QCart ul, ul.catmenu{
    list-style:         none;
    list-style-type:    none;
    z-index:            70;
}
li {display:            list-item;
    height:             auto;
}
.horizontal li, .catmenu li{
    display:            inline-block;
}
ul.vertical li, .menubar li li,ul.menubar li:hover > ul{
    display:            block;
}
.menubar ul, .menubar li li, .menubar li li a {
    position:           static;
}
ul.menubar ul {
    display:            none;
    position:           absolute;
    left:               0px;
    min-width:          105%;
}
ul.menubar ul ul, ul.vertical ul{
    top:                  auto!important;
    left:                 99%!important;
}
li a:link, li span {
    display:            block;
    white-space:        nowrap;
}
.inline,
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9,.col10, .col11, .col12, .col13, .col14, .col15, .col16, .col23, .col34, .col25, .col35, .col45, .col56, .col67, .col38, .col58, .col78,  
.QContent, .fader_element .product {
        display:        inline-block;
        vertical-align:top;
}
.block {
        display:        block!important;
}
.inflate{
        position:   absolute!important;
        top:        0px!important;
        right:      0px!important;
        bottom:     0px!important;
        left:       0px!important;
}
.inflate span  {
        position:         absolute;
        top:              auto;
        left:             auto;
        right:            0px;
        bottom:           0px;
        padding:          0px 2px 0px 4px;
        display:          none;
        font-size:        10px;
}
.inflate:hover span {
  display:          block;
}
.shrinkwrap {display:table;}
.col1  { width:      100%;}
.col2  { width:      49.5%;}
.col3  { width:      32.5%;}
.col4  { width:      24.5%;}
.col5  { width:      19.5%;}
.col6  { width:      16.1%;}
.col7  { width:      14%;}
.col8  { width:      12.25%;}
.col9  { width:      11%;}
.col10 { width:      9.5%;}
.col11 { width:      9%;}
.col12 { width:      8%;}
.col13 { width:      7.5%;}
.col14 { width:      7%;}
.col15 { width:      6.5%;}
.col16 { width:      6%;}
.col23 { width:      65%;}
.col34 { width:      74%;}
.col25 { width:      39%;}
.col35 { width:      58.5%;}
.col45 { width:      78%;}
.col56 { width:      80%;}
.col67 { width:      85.5%;}
.col38 { width:      36.75%;}
.col58 { width:      61.25%;}
.col78 { width:      85.75%;}
.visible{
    visibility:     visible;
    display:        block;
}
.hidden, .hide, script{
    visibility:     hidden;
    display:        none;
}
table {
    border-collapse:    collapse;
    border-spacing:     0;
    width:              100%;
}
td, th{
    vertical-align:     middle;
    display:            table-cell;
    width:              auto;
}
tr{
    display:            table-row;
}
.trans25 {opacity:      0.25;}
.trans50 {opacity:      0.5;}
.trans75 {opacity:      0.75;}
.trans25:hover,.trans50:hover,
.trans75:hover {opacity:1;}
.clear       {clear:       both;}
.clear-left  {clear:       left;}
.clear-right {clear:       right;}
.float-left  {float:       left;}
.float-right {float:       right;}
.valign-top,  .valign-top > .i       { vertical-align:     top;}
.valign-middle, .valign-middle > .i  { vertical-align:     middle;}
.valign-bottom,  .valign-bottom > .i { vertical-align:     bottom;}
.margin-left {margin-left:    auto; margin-right:   0px;}
.margin-right{margin-left:    0px;  margin-right:   auto;}
#QFeature_Wide,#QFeature_Wide .QFeature,#QFeature_Wide .QFeature div,
#background_images_container{
        position:   absolute;
        top:        0px;
        left:       0px;
        right:      0px;
        bottom:     0px;
        text-align: center;
        height:     100%;
        display:    block;
        z-index:0;
}
.slide_v_head { cursor:         pointer;}
.menubar li a{
  height:           24px;
  line-height:      24px;
  padding: 0px 19px;
  }
.aj_drop_div,
.menubar .menubar {
    position:       absolute;
    top:            99%;    
    left:           0px;
    right:          auto;
    height:         auto;
    width:          auto;
    min-width:      100%;
    text-align:     center;
    border:         2px solid #707070 !important;
    box-shadow:     0px 4px 8px rgba(0,0,0,0.5);
    background-color:   #474747;
    font-size:12px;
}
.menubar, .menubar li {
    height:auto;
    line-height:1em;
}
.menubar > li > a{
    color:              #fff;
}
.menubar > li:hover > a{
    background:         #fff;
    color:              #00568b;
}
.menubar li > .menubar:hover + a, .menubar li > .menubar:hover + img +a{
    color:              #00568b;
    background:         #fff;
    }
.menubar .menubar > li, .aj_dropdiv_element{
    background:         #ffffff;
}
.menubar .menubar > li a, .aj_dropdiv_element{
    color:              #7d7d7d;
}
.menubar .menubar > li:hover, .aj_dropdiv_element:hover{
    background-color:   #454545;
}
.menubar .menubar > li > a:hover, .aj_dropdiv_element:hover{
    color:              #ffffff;
}
.QMainNav {
  margin-bottom: 12px;
  margin-top: 10px;
  text-align: center;
}
.QMainNav > li {
 margin-right:1px;   
}
.QMainNav > li > a {
  background: none repeat scroll 0 0 #00568B;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: normal;
  height: 48px;
  letter-spacing: 0;
  line-height: 48px;
  padding: 0 9px !important;
}
.QMainNav > li:hover > a{
  box-shadow:0 22px 8px -4px rgba(255, 255, 255, 0.15) inset;
}
.QMainNav a.active_menu{
  color:#474747;
}
.QMainNav a:hover{
  color:#00568b;
    background:#fff;
}
ul.catmenu li+li, .QLogin li+li{
    border-left-width:  1px;
}
li.has_child > .menubar + a.menu_item{
    background-image:   url("../images/default/arrow/d_c0a5.png");
    background-position:center 110%;
    background-repeat:no-repeat;
}
.menubar li li.has_child > .menubar + a.menu_item, 
.vertical li.has_child > .menubar + a.menu_item{
    background-image:   url("../images/icons/arrows/4x8/std_c0a2_right.png");
    background-position:95% center;
    background-repeat:no-repeat;
}
a.active_menu, .QPaginator .active{
  background:#00568b;
    color:#474747;
}
#cookie_compliance {
    vertical-align:middle;
    z-index:9999;
    position:fixed;
    bottom:0px;
    height:auto;
    left:0px;
    right:0px;
    box-shadow:0px 0px 8px #000;
    width:900px;
    margin:0px auto;
    display:none;
}
#cookie_compliance p {
    font-size:10px;
    line-height:16px;
    width:80%;
    color:#fff !important;
    margin:5px 0 0 0 !important;
}
#CMS_Provider {
    position:relative;
    margin:0px;
    float:left;
    padding:2px 4px;
    bottom:0px;
    left:0px;
    background:rgba(255,255,255,0.75);
    font-size:9px;
}
#CMS_Provider a { 
    color:#444!important; }
.fader_container,
.product.mini > .i{
    overflow:           hidden;
}
.fader_element {
    position:           absolute;
}
.fader_element + .fader_element {
    display:            none;
}
.fader_pager {
  position:             absolute;
  right:                50px;
  top:                  8px;
  z-index:              60;
}
.fader_pager a {
  margin:               5px;
  padding:              5px;
  background-color:     #00568b;
  color:                transparent;
  font-size:            0px !important;
  height:               8px;
  width:                8px;
}
.fader_element .product .image{
  width:                auto!important;
  -moz-border-radius:   0px;
  -moz-box-shadow:      0px;
  box-shadow:           0px;
}
.fader_pager a.activeSlide {
  background-color:     #474747;
}
.fader_next, .fader_prev{
     position:      absolute;
     top:           43%;
     cursor:        pointer;
     color:         transparent;
     font-size:     0px !important;
}
.fader_block {
  display:          inline-block;
  margin-top:       0px;
  z-index:          9!important;
}
.fader_prev, .arrow_prev,
.fader_next, .arrow_next {
  background:           url("../images/icons/arrows/16x32/std_c0a2_right.png") center center no-repeat;
  height:               64px;
  width:                64px;
  box-shadow:           10px 0 8px -8px #000000 inset;
  right:                -32px;
  background-color:     #ffffff;
  border-radius:        50% 0px 0px 50%;
}
.fader_prev, .arrow_prev {
  background:           url("../images/icons/arrows/16x32/std_c0a2_left.png") center center no-repeat;
  box-shadow:           -10px 0 8px -8px #000000 inset;
  left:                 -32px;
  right:                auto;
  border-radius:        0px 50% 50% 0px;
}
.fader_next:hover {
  background-image:     url("../images/icons/arrows/16x32/std_c0a5_right.png");
}
.fader_prev:hover {
  background-image:     url("../images/icons/arrows/16x32/std_c0a5_left.png");
}
.pg_contact-us form[name="eform"] .contact_telephone,
.pg_contact-us form[name="eform"] .contact_name {
    width:  45%;
    display:inline-block;
}
.pg_contact-us form[name="eform"] .contact_email_address,
.pg_contact-us form[name="eform"] .contact_compname {
    width:  45%;
    float:  right;
    display:inline-block;
}
.pg_contact-us form[name="eform"] .security_code input{
    width:  20%;
    float:  left;
    display:inline-block;
}
.pg_contact-us form[name="eform"] input.button{
    float:          right;
    height:         32px;
    font-size:      22px;
    top:            -64px;
    border-radius:  4px;
}
#fancybox-outer #fancybox-content{
  background-color: #ffffff;
  border-color:     #ffffff;
}
#fancybox-outer #fancybox-title-over{
  color:            #adabad;
}
.tagline {
    position: absolute;
    top: 64px;
    right: -520px;
    width: 520px;
    font-size: 24px;
    letter-spacing:2px;
    color: #aaa;
    text-align: center;
    text-shadow: 0px 7px 4px rgba(0,0,0,0.2);    
}
.copyright p {line-height:24px;} 
.pg-home .link_commercial_builders {
    position:absolute;
    left:50%;
    margin-left: -428px;
    top: -139px;
}
.pg-home .link_domestic_builders {
    position:absolute;
    left:50%;
    margin-left: 59px;
    top: 9px;
}
.pg-home .link_commercial_builders a,
.pg-home .link_domestic_builders a{
    background:url("../images/_32.png") center center repeat;
}
.pg-home .link_commercial_builders a img.link_image ,
.pg-home .link_domestic_builders a img.link_image{
    opacity:0;
    transition:opacity 0.5s;
}
.pg-home .link_commercial_builders a:hover img,
.pg-home .link_domestic_builders a:hover img{
    opacity:1;
}
.pg-home img.link_name {
    position:absolute;
    bottom:0px;
    right:63px;
    height:50px;
    width:auto;
    transition:height 0.5s,left 0.5s,right 0.5s,bottom  0.5s;
}
.pg-home .link_domestic_builders img.link_name {
    right:auto;
    left:69px;
}
.pg-home a:hover img.link_name {
    height:60px;
    bottom:-25px;
}
.pg-home .page_text {
    top:324px;
}
.pg-home .page_text .col3 .i{
    margin:8px;
    padding:16px;
    border:2px solid #004;
    border-radius:4px;
    box-shadow:0px 4px 8px rgba(0,0,0,0.5);
    background:rgba(255,255,255,0.5);
}
.pg-home .page_text .col3 .i p{
    text-align:justify;
    line-height:1.5em;
    margin-bottom:8px;
    vertical-align:top;
}
.pg-home .QMainNav {
    position:absolute;
    top:342px;text-align:center!important;
    margin:0px auto!important;
}
    .QMainNav a.active_menu {
  color: #FED022;
}
.subBlock p {
}
.fader_block.fader_Maintenance {
  float: right;
  vertical-align: top;
}
.logo {
  left: -6px;
  position: absolute;
  top: -232px;
}
.fader_projectbeforeafter {
  left: 6%;
}
ul.catmenu li+li,
.QLogin li+li{
    border-left-width:  1px;
}
li.has_child > .menubar + a.menu_item{
    background-image:   url("../images/default/arrow/d_c0a5.png");
    background-position:center 110%;
    background-repeat:no-repeat;
}
.menubar li li.has_child > .menubar + a.menu_item, 
.vertical li.has_child > .menubar + a.menu_item{
    background-image:   url("../images/icons/arrows/4x8/std_c0a2_right.png");
    background-position:95% center;
    background-repeat:no-repeat;
}
#QFeature_Right .vertical li.has_child > .menubar + a.menu_item{
    background-image:   url("../images/icons/arrows/4x8/std_c0a2_left.png");
    background-position:1% center;
    background-repeat:no-repeat;
}
a.active_menu, .QPaginator .active{
  background:#00568b;
    color:#474747;
}
.catChoice > .i > label,
.catChoice > .i > ul.catmenu,
.filter .resultsPP > *{
    display:inline-block;
}
.catChoice {
    margin-bottom:16px;
}
.catChoice > .i {
    margin-bottom:16px;
    border-bottom:2px solid #444;
}
.catChoice > .i * {
    line-height:24px;
}
ul.catmenu li a{
    padding:0px 4px;
}
.catChoice + .filter {
    position:absolute;
    top:20px;
    right:0px;
}
.catChoice > .i > label {
  font-size: 10px;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}
.mini.article > .i > * {
    position:   absolute;
    top:        0px;
}
.mini.article .date {
  color: rgb(72, 110, 155);
  font-size: 1em;
  height: 120px;
  line-height: 1.3em;
  padding-right: 10px;
  text-shadow: 1px 1px 1px rgb(255, 255, 255);
  width: 90px;
}
.mini .date span {
    font-size:  2.5em;
    font-weight:bold;
    line-height:1.1em;
    text-align: right;
    display:    block;
}
.mini .date span + span{
    font-size:  1.3em;
    display:    block;
}
.mini .date span + span +span{
    font-weight:normal;
    font-size:  1.0em;
}
.mini.article img {
    left:          100px;
    padding:       1px;
    border:        2px solid #c2c2c2;
    border-radius: 8px;
}
.mini.article .title,
.mini.article .description{
    left:       272px;
}
.mini.article .description {
    right:      0px;
    top:        24px;
    width:      auto;
}
.only > .i {
    min-height:480px;
}
.only .close {
  position: absolute;
  right: 0;
  top: 28px;
}
.timestamp {
  float:        right;
}
.timestamp > .i{
  text-align:    right;
  height:16px;
  vertical-align:bottom;
  border-bottom:1px solid #444;
}
.timestamp > .i > * {
  display:      inline;
  font-size:    0.8em;
}
.article.only .image {
  float:left;
  margin: 0px 8px 0px 0px;
}
.article.only > .i > .details,
.article.only > .i > .timestamp{
  width:32%;
}
.product.mini > .i {
    margin:       8px;
}
.product.mini .description, 
.product.mini .price{
    font-size:     12px;
    line-height:   16px;
    text-align:    left;
    display:       block;
    padding:       0px
}
.blog.mini,
.news.mini {
    background:     transparent none;
    margin-bottom:0px;
}
.news.mini > .i,
.blog.mini > .i {
    border:       1px solid transparent;
    background:   transparent;
}
.fader_block.fader_building {
  float: right;
  vertical-align: top;
}
.fader_block.fader_Civil {
  float: right;
  vertical-align: top;
  top: 59px;
}
.fader_block.fader_Groundworks {
  float: right;
  top: 54px;
  vertical-align: top;
}
.fader_block.fader_Extensions {
  float: right;
  vertical-align: top;
}
.fader_block.fader_Driveways {
  float: right;
  vertical-align: top;
  top: 54px;
}
input[type="text"], textarea, input[type="password"], input[type="file"], select, textarea {
  margin-bottom: 10px;
  margin-top: 2px;
  padding: 4px;
  width: 50%;
}
textarea {min-height:150px;}