/*
Theme Name: Matpack 2015a
Description: Matpack theme
Version: 1.1
Author: Andy
*/

/* General styles                                   */
/* ------------------------------------------------ */
body {
    margin: 0;
    background: #ffffff;
    min-width: 300px;
}

html, body, p, li, ul, dd, td {
    color: #616060;
    line-height: 150%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

img a, a img {
    border: 0;
}

td {
    vertical-align: top;
}

a {
    color: #2a7bae;
    text-decoration: underline;
    outline: none;
}

a:hover {
    color: #0096ce;
}

b, strong {
    font-weight: 700;
}

ul {
    margin: 8px 0 18px 5px;
    padding: 0;
}

li {
    padding-left: 18px;
    list-style-type: none;
    background: url(images/bullet.png) left 9px no-repeat;
}



h1, h1 a, h2, h2 a, h3, h3 a {
    line-height: 120%;
    color: #000;
    font-weight: 300;
}

h1, h1 a {
    text-transform: uppercase;
    font-size: 2.3em;
    margin-top: 0;
}

h2, h2 a {
    font-size: 1.4em;
    font-weight: 700;
    color: #0095cf;
    margin-top: 40px;
}

h3, h3 a {
    font-size: 1.2em;
    font-weight: 700;
    color: #0095cf;
    margin-top: 40px;
}

hr {
    height: 1px;
    border: 0;
    width: 100%;
    background: #81aad2;
    color: #81aad3;
    margin: 5px 0 15px 0;
}

#header, #featured, #content, #partners, #footer {
    /*max-width: 960px;*/
    width: 960px;
    margin: 0 auto;
    padding: 0;
}

#navbar ul li a, .featured-product img, #partners img, .product-margin img, a.readmore {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/* Header                                           */
/* ------------------------------------------------ */
#header-wrapper {
    background: #0196d0 url(images/header-bg.jpg);
}

#header {
    position: relative;
}

#logobar {
    height: 116px;
}

#slideshow {
    clear: both;
    max-height: 400px;
    overflow: hidden;
    visibility: hidden;
    margin-bottom: 44px;

}

#loading {
    background: url(images/loading.gif) center center no-repeat;
}

#featured-wrapper {
    background: #b6b6b7 url(images/featured-bg.jpg) left top repeat-x;
    overflow: hidden;

}

img#logo-small {
    display: none;
}

#phone {
    float: right;
    text-align: right;
    color: #fff;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    line-height: 160%;
    text-transform: uppercase;
    background: url(images/phone.png) left 4px no-repeat;
    padding-left: 60px;
    margin-top: 30px;
}

#phone b {
    font-weight: 400;
}

#subpage-padding {
    margin-bottom: 44px;
}

/* Featured products                                */
/* ------------------------------------------------ */
#featured {
    padding-top: 60px;
    /*width: 984px;
    max-width: 984px;*/
    color: #282828;
    text-transform: uppercase;
}

#featured-heading {
    padding: 0 0 12px 12px;
    display: block;
}

#featured-products-wrapper {
    margin: 0 -12px;
}

.featured-product {
    float: left;
    width: 25%;
    padding-bottom: 24px;
}

.featured-product img {
    display: block;
    width: 100%;
}

.featured-margin {
    background: #0096ce url(images/featured-arrow.png) bottom right no-repeat;
    display: block;
    margin: 0 12px;
}

.featured-text {
    height: 48px;
    font-size: 15px;
    width: 100%;
    padding: 0 30px 0 12px;
    display: table-cell;
    line-height: 110%;
    vertical-align: middle;
}

.featured-text a {
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

.featured-text a:hover {
    text-decoration: underline;
}


.featured-product img:hover, .product-margin img:hover {
    opacity: 0.70;
    filter: alpha(opacity=70);
}

#loader {
    display: none;
    position: absolute;
    background: #fff;
    height: 35px;
    font-size: 1.2em;
    width: 100%;
}

a.readmore {
    background: #0f5a89;
    color: #fff !important;
    padding: 12px 25px 14px 25px;
    text-decoration: none;
    display: inline-block;
    margin: 15px 0;
    font-size: 16px;
    text-transform: uppercase;
    text-shadow: none;
    line-height: 130%;
}

a.readmore:hover {
    background: #eb6227;
    color: #fff !important;
}

/* Tagline                                          */
/* ------------------------------------------------ */
#tagline {
    position: absolute;
    width: 100%;
    height: 73px;
    padding-top: 15px;
    background: #fff;
    bottom: -88px;
    z-index: 99;
    text-transform: uppercase;
    font-size: 24px;
    color: #9e9e9e;
    line-height: 120%;
    overflow: hidden;
}

#tagline img {
    float: left;
    padding: 0 15px;
}

#tagline-shadow {
    position: absolute;
    width: 100%;
    height: 38px;
    bottom: -110px;
    z-index: 98;
}

#tagline-shadow img {
    width: 100%;
    height: 38px;
}

#tagline-header {
    font-size: 27px;
    color: #000;
    display: block;
}

#tagline-small {
    text-align: center;
    margin: 20px 12px 20px 12px;
    color: #4587b0;
    text-transform: uppercase;
    display: none;
}

#tagline-small #tagline-header {
    color: #fff;

}

/* Menu                                             */
/* ------------------------------------------------ */
#navbar {
    background: #0f5a89;
    height: 56px;
    position: relative;
}

#navbar ul {
    margin: 0 auto;
    list-style-type: none;
    float: left;
    position: relative;
}

#navbar ul li {
    float: left;
    padding: 0;
    background: none;
    position: relative;
}

#navbar ul li a {
    display: block;
    padding: 0 48px;
    color: #fff;
    text-decoration: none;
    line-height: 56px;
    font-size: 18px;
    text-transform: uppercase;
    border-right: 1px solid #0096ce;
}

#navbar ul li a:hover, #navbar li.current_page_item a {
    background: #013a5e;
}

.anchor-link {
    display: none;
    float: left;
    line-height: 56px;
    padding: 0 12px;
    color: #fff;
    font-weight: 300;
    font-size: 24px;
    text-decoration: none;
}

.anchor-link:hover {
    text-decoration: underline;
    color: #fff;
}

/* Content                                          */
/* ------------------------------------------------ */
#content {
    padding: 25px 12px;
    overflow: hidden;
}

#content, #content p, #content li {
    line-height: 160%;
}

#content-main img {
    max-width: 100%;
    height: auto;
}

#content-left {
    width: 222px;
    float: left;
}

#leftcol-header a {
    display: block;
    background: #0096ce;
    padding: 8px 12px;
    line-height: 26px;
    color: #fff;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    font-size: 19px;
    text-transform: uppercase;
    text-decoration: none;
}

#leftcol-header a:hover {
    text-decoration: underline;
}

#content-left ul.main-menu, ul.main-menu ul {
    width: 100%;
}

#content-left ul.main-menu li {
    padding: 0;
}

#content-main {
    margin-left: 248px;
    position: relative;
}

.breadcrumbs {
    margin: 0 0 15px 0;
}

.breadcrumbs a, .breadcrumbs {
    font-size: 13px;
}

.visual-form-builder fieldset {
    clear: none !important;
}

/* Products                                         */
/* ------------------------------------------------ */
#products {
    margin: 0 -18px 0 -12px;
}

.product {
    width: 33%;
    float: left;
}

.product-margin {
    background: #f2f2f2;
    margin: 0 12px 24px 12px;
}

.product-margin img {
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

.product-text {
    padding: 0 8px 8px 8px;
    line-height: 110%;
}

.product-text a {
    font-size: 14px;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
}

/* Partners                                         */
/* ------------------------------------------------ */
#partners-wrapper {
    background: #e5e5e5 url(images/partners-bg.jpg) left top repeat-x;
}

#partners {
    text-align: justify;
    padding: 6px 12px 0 6px;
    font-size: 13px;
    font-weight: 400;
    color: #5d5c5c;
}

#partners:after {
    content: '';
    display: inline-block;
    width: 100%;
}

#partners img:hover {
    opacity: 0.60;
    filter: alpha(opacity=60);
}

#partners img#jmp {
    width: 200px;
    height: auto;
}

#partners img#mcl {
    width: 150px;
    height: auto;
}

#partners img#safetech {
    width: 212px;
    height: auto;
}

#partners img#vaculex {
    width: 190px;
    height: auto;
}

#partners img#gorbel {
    width: 176px;
    height: auto;
}

/* Footer                                           */
/* ------------------------------------------------ */
#footer-wrapper {
    background: #0196d0 url(images/header-bg.jpg) left top repeat-x;
    overflow: hidden;
}

#footer {
    font-size: 0.9em;
    padding: 30px 15px 15px 15px;

}

#footer, #footer p, #footer li, #footer td {
    color: #fff;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

#footer a {
    color: #fff;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

#footer img:hover {
    opacity: 0.70;
    filter: alpha(opacity=70);
}

#footer table {
    border-collapse: collapse;
}

#footer table td {
    padding: 0;
}

.footer-column-wrapper {
    width: 33%;
    float: left;

}

.footer-column {
    padding-right: 5px;
    margin-right: 20%;
    border-right: 1px solid #8ad5ef;
}

.footer-column-last {
    border: none;
}

.footer-column h3 {
    color: #fff;
    margin-top: 0;
}

#footer li {
    background: url(images/bullet-footer.png) left 9px no-repeat;
}


#copyright {
    font-size: 0.8em;
    padding: 35px 0 12px 0;
    clear: both;
    margin: 12px 0 12px 0;
    text-align: center;
}

#copyright, #copyright a {
    color: #8cd5f1;
}


.clearfix:before,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; } /* IE < 8 */



/* WP Common Styles */
ol.commentlist {
    margin:0;
    padding:0;
    }

.commentlist li {
    list-style:none;
    margin-bottom:14px;
    }

.commentlist cite {
    padding: 7px;
    display:block;
    font-style:normal;
    background:url(http://www.yoursite.com/images/bg_comments2_cite.gif);
    border-top:1px solid #d6e4c1;
    border-bottom:1px solid #779d42;
    color:#596e3b;
    }

.commentlist a:link, .commentlist a:visited {
    color:#596e3b;
    }

.commentlist a:hover, .commentlist a:active {
    color:#8ec343;
    }

.commentlist cite img {
    padding:1px;
    border:1px solid #aab59a;
    float:left;
    margin-right:9px;
    }

.commentlist .author {
    font: small-caps bold 1.2em Georgia, "Times New Roman", Times, serif;
    text-decoration:underline;
    }

.commentlist .time {
    background: url(http://www.yoursite.com/images/bg_clock.gif) no-repeat 1px;
    padding-left:13px;
    }

.commenttext {
    background: #9bc561 url(http://www.yoursite.com/images/bg_comments2_text.jpg) repeat-x bottom;
    border-top:1px solid #c5f386;
    padding: 0 20px 10px 20px;
    color:#fafcf6;
    }

.editLink {
   text-align: center;
   padding: 5px 0 15px 0;
}
.editLink a, a.editLink {
   background: #e0e0e0;
   color: #777777;
   font-size: 10px;
   border: 1px solid #999999;
   text-decoration: none;
   padding: 3px 5px;
}
.editLink a:hover, a.editLink:hover {
   background: #eeeeee;
   border: 1px solid #333333;
   color: #000000;
}
.postmetadata {
   color: #999;
   font-size: 10px;
   margin: 2px 0;
}

img.aligncenter {
   display: block;
   text-align: center;
   margin: 0 auto;
}
img.alignright {
   text-align: right;
   display: block;
   float: right;
   margin: 10px 0px 5px 15px;
}
img.alignleft {
   text-align: left;
   display: block;
   float: left;
   margin: 10px 20px 5px 0px;
}
.wp-caption-text,.wp-caption-dd {
   margin: 0;
   font-weight: bold;
   font-size: smaller;
   text-align: center;
}
.wp-caption {
   margin-right: 5px;
}
.more-link {
   display:block;
}
.linklove {
   display:none;
}
.aligncenter,
dl.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}