/*
Theme Name: Theme12Theme
URI: http://kerwin.info
Author: Kerwin Co
Author URI: http://kerwin.info
Description: 
Version: 1.0
License: GNU General Public License
License URI: 
Tags:
*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Oswald);
/* ==========================================================================   1. BASE, FLOATS, ALIGNMENTS   ========================================================================== */
/*** 1.1 RESET ***/
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html-------------------------------------------------------------- */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
:focus {
    /*remember to define focus styles!*/
    
    outline: 0;
}
ol,
ul {
    list-style: none;
}
table {
    /*tables still need 'cellspacing="0"' in the markup*/
    
    border-collapse: separate;
    border-spacing: 0;
}
caption,
th,
td {
    font-weight: normal;
    text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}
blockquote,
q {
    quotes: "" "";
}
a img {
    border: 0;
}
article,
,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
/*html5*/

body {
    line-height: 1;
    font: 100% Tahoma, Geneva, sans-serif;
    text-align: center;
}
input,
textarea {
    font-family: inherit;
    font-size: inherit;
}
textarea {
    height: 90px;
}
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
@media screen,
projection {
    /*** 1.2 STRUCTURE ***/
    
    body.home {} body.single {} body.page {}
    /* Misc */
    
    .hidden {
        display: none;
    }
    .clear {
        clear: both;
    }
    .arrowDown {
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url('img/arrowDown.png') left top no-repeat;
    }
    /* Alignment */
    
    .alignright {
        display: inline;
        float: right;
        margin-left: 0.825em;
    }
    .alignleft {
        display: inline;
        float: left;
        margin-right: 0.825em;
    }
    .aligncenter {
        clear: both;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    #page {
        max-width: 100%;
        margin: 0 auto;
    }
    /* Header */
    
    #branding-container {
        width: 100%;
        background: #ffffff;
    }
    #branding {} #branding #site-title {
        float: left;
        width: 500px;
        max-width: 100%;
        padding-top: 10px;
        /*padding-left:10px;*/
        
        text-align: left;
    }
    #branding #site-info {
        float: right;
        width: 400px;
        max-width: 100%;
        padding-top: 10px;
        padding-right: 90px;
        text-align: right;
        background: url('img/contact-support-img.jpg') no-repeat right;
    }
    /* Navigation */
    /*#access{max-width:90%;text-align:left;float:right;margin:0 0 25px;}#access select{display:none;}#access ul{list-style-type:none;}#access ul li{float:left;position:relative;}#access .dd-container{display:block;width:100%;margin:2.5% auto;}#access .dd-container ul li{float:none;}#access ul li a{display:block;padding:8px 5px;}#access ul li a:before{content:"| ";}#access ul li:first-child a:before, #access ul li li a:before{content:"";}#access ul ul{display:none;position:absolute;top:34px;left:0px;width:100%;z-index:999;}#access ul ul li{}#access ul ul li a{min-width:160px;padding-left:28px;}#access ul ul ul {left:100%;top:0px;}#access ul li:hover > ul {display:block;}*/
    /* site-navigation */
    
    #main-container {
        background: #bae3f5 url('img/pageBg.jpg') repeat-x top;
        color: #333;
        padding-top: 30px;
    }
    #navigation-container {
        width: 100%;
        background: #003f87;
        /*border-bottom:1px solid #333;*/
    }
    #site-navigation {} #menu-icon {
        display: none;
        /* hide menu icon initially */
    }
    .nav-menu {
        float: left;
		margin-bottom: 0;
    }
    .nav-menu li {
        list-style: none;
        float: left;
        margin-right: 3px;
    }
    /* nav link */
    
    .nav-menu a {
        padding: 10px 8px;
        display: block;
        text-decoration: none;
        /*ed*/
        
        color: #ffffff;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        -ms-transition: all 1s;
        transition: all 1s;
    }
    .nav-menu a:hover {
        color: #ccc;
    }
    /* nav dropdown */
    
    .nav-menu ul {
        display: none;
        /* hide dropdown */
        
        position: absolute;
        width: 260px;
        padding: 3px;
        z-index: 999;
        /*ed*/
        
        background: #fff;
        border: solid 1px #ccc;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }
    .nav-menu ul a {
        background: #333;
        color: #eee;
    }
    .nav-menu ul a:hover {
        color: #fff;
    }
    .nav-menu ul li {
        float: none;
        margin: 0;
        padding: 0;
    }
    /* show dropdown on hover */
    
    .nav-menu li:hover > ul {
        display: block;
    }
    .nav-menu ul ul {
        left: 100%;
        top: 0px;
    }
    /* mobile navigation */
    
    #site-navigation {
        position: relative;
    }
    /* menu icon */
    
    #menu-icon {
        cursor: pointer;
        background: #ecebeb url('img/menu-icon.png') no-repeat 5px center;
        width: 72px;
        height: 42px;
    }
    #menu-icon:hover {
        background-color: #bbb;
    }
    #menu-icon.active {
        background-color: #bbb;
    }
    /* main nav */
    
    .mob-menu {
        display: none;
        /*visibility will be toggled with jquery*/
        
        clear: both;
        position: absolute;
        top: 38px;
        width: 250px;
        max-width: 80%;
        z-index: 10000;
        padding: 5px;
        /*ed*/
        
        background: #fff;
        border: solid 1px #999;
    }
    .mob-menu li {
        clear: both;
        float: none;
        margin: 5px 0 5px 10px;
    }
    .mob-menu a,
    .mob-menu ul a {
        display: inline;
        padding: 0;
        text-decoration: none;
        background: none;
        border: none;
        font: inherit;
        color: #888;
    }
    .mob-menu a:hover,
    .mob-menu ul a:hover {
        background: none;
        /*ed*/
        
        color: #000;
    }
    /* dropdown/sub-menu */
    
    .mob-menu ul {
        position: static;
        display: block;
        width: auto;
        border: none;
        background: inherit;
    }
    .mob-menu ul li {
        margin: 3px 0 3px 15px;
    }
    /* Main Content Area */
    
    #page #main {
        width: 960px;
        max-width: 97%;
        margin: 0 auto;
        text-align: left;
    }
    /* Contents */
    
    #primary {
        margin-bottom: 10px;
    }
    #primary.one-column {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
    #primary #content {}
    /* Entry Header */
    
    #primary #content header.entry-header {}
    /* single & page */
    
    .page #primary #content .entry-header {
        padding: 0;
    }
    .page #primary #content .entry-header .entry-meta {
        padding: 0 10px;
    }
    /* homepage */
    
    #primary #content .entry-header {
        padding: 10px 32px;
    }
    #primary #content .entry-header .comments-link {}
    /* Entry Contents */
    
    #primary #content .entry-summary {
        padding: 0 32px;
    }
    #primary #content .entry-content {
        padding: 15px 32px 10px;
    }
    #primary #content .entry-meta {
        padding: 0 32px 10px;
    }
    /* Comment Area */
    
    #primary #content #comments {}
    /* Widget Area */
    
    #secondary.widget-area {} #secondary.widget-area {} #secondary.widget-area .widget {
        margin: 0 0 5%;
    }
    #secondary.widget-area .widget .widget-title {
        text-align: center;
        padding: 10px 0;
    }
    #secondary.widget-area .widget ul {
        padding: 15px;
    }
    #secondary.widget-area .widget li {} #secondary.widget-area .widget a {}
    /* Theme Specific Widget Area */
    /* Widget Navigation */
    
    #secondary #widget-nav {
        -webkit-box-shadow: 0px 0px 0px 0px #bfbebc;
        box-shadow: 0px 0px 0px 0px #bfbebc;
        /* .widgets have global borders so we reset*/
        
        border: 0;
    }
    #secondary #widget-nav ul {
        background: none;
        padding: 0;
    }
    #secondary #widget-nav li {} #secondary #widget-nav a {
        display: block;
        padding: 12px 16px;
        max-width: 239px;
        margin: 0 auto 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
    #secondary #widget-nav li li {
        display: none;
    }
    /*widgetnav icons*/
    
    #secondary #widget-nav li a {
        padding-left: 39px;
    }
    /*widgetnav icons*/
    
    #secondary #widget-nav li a {
        padding-left: 39px;
    }
    /* castor widgets */
    
    #widget-nav li.castor a {
        background-image: url('img/widgetnav/wid-castor.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    #widget-nav li.general a {
        background-image: url('img/widgetnav/wid-general.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    #widget-nav li.pneumatic a {
        background-image: url('img/widgetnav/wid-pneumatic.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    #widget-nav li.plasticcrates a {
        background-image: url('img/widgetnav/wid-plasticcrates.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    #widget-nav li.plasticnally a {
        background-image: url('img/widgetnav/wid-plasticnally.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    #widget-nav li.plasticrotomold a {
        background-image: url('img/widgetnav/wid-plasticrotomold.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    #widget-nav li.justafoot a {
        background-image: url('img/widgetnav/wid-justafoot.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    #widget-nav li.ladders a {
        background-image: url('img/widgetnav/wid-sidebar-ladders.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    #widget-nav li.handtrolleys a {
        background-image: url('img/widgetnav/wid-sidebar-handtrolleys.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    #widget-nav li.handtrucks a {
        background-image: url('img/widgetnav/wid-sidebar-handtrucks.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    #widget-nav li.pallettruck a {
        background-image: url('img/widgetnav/wid-sidebar-pallettruck.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    #widget-nav li.scissorlift a {
        background-image: url('img/widgetnav/wid-sidebar-scissorlift.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    #widget-nav li.liftingequip a {
        background-image: url('img/widgetnav/wid-sidebar-liftingequip.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    #widget-nav li.binlifter a {
        background-image: url('img/widgetnav/wid-sidebar-binlifter.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    #widget-nav li.safetysign a {
        background-image: url('img/widgetnav/wid-sidebar-safetysign.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    #widget-nav li.conveyor a {
        background-image: url('img/widgetnav/wid-sidebar-conveyor.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    /* #castor widgets */
    
    #widget-nav li.coffeebean a {
        background-image: url('img/widgetnav/wid-bean.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    #widget-nav li.cog a {
        background-image: url('img/widgetnav/wid-cog.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    #widget-nav li.tools a {
        background-image: url('img/widgetnav/wid-service2.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    #widget-nav li.heart a {
        background-image: url('img/widgetnav/widgetnav/wid-heart.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    #widget-nav li.message a {
        background-image: url('img/widgetnav/wid-chat.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    #widget-nav li.home a {
        background-image: url('img/widgetnav/wid-home.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    #widget-nav li.trophy a {
        background-image: url('img/widgetnav/wid-trophy.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    #widget-nav li.magnify a {
        background-image: url('img/widgetnav/wid-magnify.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    #widget-nav li.restaurant a {
        background-image: url('img/widgetnav/wid-resto.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    #widget-nav li.tag a {
        background-image: url('img/widgetnav/wid-tag.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    #widget-nav li.contract a {
        background-image: url('img/widgetnav/wid-contract.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    #widget-nav li.facility a {
        background-image: url('img/widgetnav/wid-facility.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    #widget-nav li.check a {
        background-image: url('img/widgetnav/wid-check.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    #widget-nav li.expert a {
        background-image: url('img/widgetnav/wid-expert.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    #widget-nav li.coffeecup a {
        background-image: url('img/widgetnav/wid-coffeecup.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    #widget-nav li.lm a {
        background-image: url('img/widgetnav/wid-lm.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    #widget-nav li.mazzer a {
        background-image: url('img/widgetnav/wid-mazzer.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    #widget-nav li.leaf a {
        background-image: url('img/widgetnav/wid-leaf.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    #widget-nav li.espressomachine a {
        background-image: url('img/widgetnav/wid-espresso.png');
        background-repeat: no-repeat;
        background-position: 10px 10px;
    }
    /* Widget Form */
    
    #secondary #widget-form {
        -webkit-box-shadow: 0px 0px 0px 0px #bfbebc;
        box-shadow: 0px 0px 0px 0px #bfbebc;
    }
    #secondary #widget-form .widget-title {
        /*background:#82b5bf;basic blue*/
        
        font-size: 19px;
        background: #686868;
        /* Old browsers */
        
        background: -moz-linear-gradient(top, #686868 0%, #5b5b5b 50%, #4c4c4c 100%);
        FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #686868), color-stop(50%, #5b5b5b), color-stop(100%, #4c4c4c));
        /* Chrome,Safari4+ */
        
        background: -webkit-linear-gradient(top, #686868 0%, #5b5b5b 50%, #4c4c4c 100%);
        /* Chrome10+,Safari5.1+ */
        
        background: -o-linear-gradient(top, #686868 0%, #5b5b5b 50%, #4c4c4c 100%);
        /* Opera 11.10+ */
        
        background: -ms-linear-gradient(top, #686868 0%, #5b5b5b 50%, #4c4c4c 100%);
        /* IE10+ */
        
        background: linear-gradient(to bottom, #686868 0%, #5b5b5b 50%, #4c4c4c 100%);
        /* W3C */
        
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#686868', endColorstr='#4c4c4c', GradientType=0);
        /* IE6-9 */
    }
    #secondary #widget-form ul {
        background: #ccc;
        padding-top: 0;
    }
    #secondary #widget-form li {} #secondary #widget-form label {
        color: #333;
    }
    #secondary #widget-form .textbox {
        background: #fff;
    }
    #secondary #widget-form .textbox:focus {
        background: #fff;
    }
    #secondary #widget-form .widget-title-bottom {
        /*background:transparent url('img/widget-form.png') top center no-repeat;height:20px;margin-bottom:15px;*/
        
        margin: 0 auto;
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #4c4c4c;
        /*cool! http://css-tricks.com/snippets/css/css-triangle/ */
    }
    /* Widget Partners */
    
    #secondary #widget-partners {
        max-width: 320px;
        margin: 0 auto 5%;
    }
    /* Footer */
    
    #colophon {
        width: 100%;
        padding: 15px 0;
        text-align: left;
    }
    #colophon-cont {} .entry-content img {
        display: block;
        max-width: 100%;
    }
    #colophon #colophon-menu {
        margin: 0 0 5px;
    }
    #colophon ul {} #colophon li {
        display: inline;
    }
    #colophon li:before {
        content: " | ";
    }
    #colophon li:first-child:before {
        content: "";
    }
    #colophon li li {
        display: none;
    }
    #colophon li a {} #colophon #credits {}
    /*** 1.3 ELEMENTS & TYPOGRAPHY ***/
    
    #page {
        font-family: "Open Sans", sans-serif;
        font-size: 15px;
        line-height: 23px;
    }
    #page img {
        /*max-width:100%;*/
        
        height: auto;
    }
    #branding #site-title a {
        text-decoration: none;
        !important
    }
    #branding #site-title a span {
        display: block;
        font-size: 32px;
        font-weight: 300;
        padding: 20px 0 0;
    }
    /*#access a{font-size:15px;font-weight:300;text-decoration:none;}*/
    
    #site-navigation a {
        font-size: 14px;
        font-family: "Oswald", sans-serif;
        text-decoration: none;
        text-transform: uppercase;
    }
    #main h1,
    #main h2,
    #main h3 {
        font-family: "Oswald", sans-serif;
        margin: 0 0 15px;
    }
    #main h1 {
        font-size: 30px;
        line-height: 38px;
        margin: 0 0 15px;
    }
    #main h2 {
        font-size: 22px;
        line-height: 30px;
    }
    #main h3 {
        font-size: 18px;
        line-height: 26px;
    }
    #main p {
        margin-bottom: 16px;
    }
    #main strong,
    #main b {
        font-weight: 900;
    }
    #main em {
        font-style: italic;
    }
    #main .underline {
        text-decoration: underline;
    }
    #main .entry-meta {
        font-size: 11px;
        color: #777;
    }
    #main .entry-meta a {
        color: #777;
    }
    #main .entry-meta p {
        font-size: 11px;
    }
    #main a {} .entry-content a.back-btn,
    {
        background: transparent url('img/bullet.png') 5px 6px no-repeat;
        padding: 0 0 0 15px;
        font-size: 13px;
    }
    img.border {
        padding: 3px;
        border: 1px solid #ccc;
    }
    .entry-content blockquote {
        margin: 0 0 10px;
        padding: 20px 20px 1px 90px;
    }
    .entry-content hr {
        border: 0;
        color: #e3e3e3;
        background: #e3e3e3;
        width: 100%;
        height: 1px;
        margin: 15px auto;
    }
    .entry-content ul,
    .entry-content ol {
        margin: 10px 10px 10px 25px;
    }
    .entry-content ul {} .entry-content ol {} .entry-content ul li {
        list-style: disc;
        padding: 0 0 10px 10px;
    }
    #secondary,
    #secondary p {
        font-size: 13px;
        line-height: 20px;
    }
    #secondary h3 {
        margin: 0;
    }
    #secondary #widget-nav a {
        font-size: 15px;
        text-transform: capitalize;
    }
    #colophon {
        font-size: 11px;
        line-height: 1.2em;
    }
    /* ==========================================================================   2. APPEARANCE   ========================================================================== */
    /* 2.1 STRUCTURE COLORS & STYLES */
    /*body{background:#f3f3f3 url('img/home_bg_new.jpg') no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;color:#333;}*/
    
    body {
        color: #333;
    }
    #page {} #branding #site-title a span {
        color: #4b2903;
    }
    #branding #site-info {}
    /*#access li li a{background:#4b2903;border-bottom:1px solid rgba(255,255,255,0.2);}#access li li:first-child a{-webkit-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;}#access li li:last-child a{-webkit-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 5px 5px;}*/
    
    #primary #content {
        background: #fff;
        border: 1px solid #ddd;
        /*-webkit-box-shadow:0px 0px 3px 2px #bfbebc; box-shadow:0px 1px 3px 1px #bfbebc;*/
        
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
    #secondary.widget-area .widget {
        background: transparent;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        /*border:1px solid #ddd;*/
        
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 5px 0px #bfbebc;
    }
    #secondary.widget-area .widget ul {
        background: #fff;
    }
    #colophon {
        background: #333;
        background: -moz-linear-gradient(top, #333 0%, #222 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333), color-stop(100%, #222));
        background: -webkit-linear-gradient(top, #333 0%, #222 100%);
        background: -o-linear-gradient(top, #333 0%, #222 100%);
        background: -ms-linear-gradient(top, #333 0%, #222 100%);
        background: linear-gradient(to bottom, #333 0%, #222 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#222222', GradientType=0);
    }
    /* 2.2 TYPOGRAPHY & ELEMENTS COLORS & STYLES */
    /*#access a{color:#333;}#access li li a{color:#fff;text-shadow:0 1px #333;}*/
    
    #main a {
        color: #BD0622;
        text-decoration: none;
    }
    /*err this sucks eh? but you asked for it.*/
    
    #main a.bluelink {
        text-decoration: underline;
        color: #15c;
    }
    #main a.blacklink {
        text-decoration: none;
        color: #000;
    }
    #main a.greenlink {
        color: #2A8E50
    }
    #main h1,
    #main h2,
    #main h3 {
        color: #333;
    }
    #primary h2,
    #primary h3 {
        color: #003f87;
    }
    #primary blockquote {
        background: #e3e3e3 url('img/quote.png') 20px 20px no-repeat;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
    #primary .entry-header a {
        text-decoration: none;
    }
    .page #primary .entry-title {
        background: #a6a6a6 none repeat scroll 0 0;
        border-radius: 5px 5px 0 0;
        color: #ffffff;
        font-size: 21px;
        margin-top: 0;
        padding: 8px 15px;
        text-shadow: 0 1px 0 #555555;
    }
    .page #primary .entry-header a {
        color: #fff;
    }
    #main .multiple-columns p {
        font-size: 12px;
        line-height: 20px;
    }
    #secondary.widget-area .widget .widget-title {
        color: #fff;
        text-shadow: 0 1px 0 #555;
        background: #0986D0;
        -webkit-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px;
    }
    #secondary #widget-nav a { text-decoration: none; color: #fff; background-color: #003f87; }
    #secondary #widget-nav a:hover { background-color: #94cb4a; }
    #colophon {
        color: #fff;
    }
    #colophon a {
        color: #fff;
    }
    #secondary img {
        max-width: 100%;
    }
    .entry-content iframe {
        width: 100%;
    }
    /* ==========================================================================   3. MISC   ========================================================================== */
    /* 3.1 Other Page Elements */
    /*Phone Number */
    
    .phoneNum {
        padding-left: 36px;
        background: url('img/ico-phone.png') left 5px no-repeat;
        height: 41px;
        line-height: 41px;
        display: block;
        float: right;
        font-size: 28px;
        font-weight: 700;
        font-family: "Oswald", sans-serif;
        text-decoration: none;
        color: #0155B5;
    }
    a.phoneNum {}
    /*Social Media Icons*/
    
    .social-icons {
        display: inline-block;
        margin: 15px auto 10px;
    }
    .social-icons li {
        float: left;
        margin: 0 3px 0 0;
        list-style-type: none;
    }
    .social-icons li a {
        display: block;
        text-indent: -9999em;
        background-image: url('img/social-icons.png');
        width: 30px;
        height: 30px;
    }
    .social-icons li.facebook a {
        background-position: 0 0;
    }
    .social-icons li.linkedin a {
        background-position: -30px 0;
    }
    .social-icons li.twitter a {
        background-position: -60px 0;
    }
    /*slider*/
    
    #primary #ribbon {
        position: absolute;
        top: -5px;
        left: -6px;
        z-index: 500;
        display: none;
        background: transparent url('img/rib-large.png') 0px 0px no-repeat;
        width: 160px;
        height: 160px;
        max-width: 100%;
    }
    .slider-container {
        padding: 10px;
        overflow: hidden;
        display: none
    }
    .slider-container .flexslider {
        margin-bottom: 25px;
    }
    /* Featured Image */
    
    .wp-featured-image {
        border: 4px solid #fff;
    }
    /*forms*/
    
    .contact-form {
        text-align: center;
        width: 100%;
        max-width: 270px;
        z-index: 999;
        margin: 0 auto 10px;
    }
    .contact-form label {
        float: left;
        width: 100%;
        text-align: left;
        margin: 0 0 3px;
        font-size: 12px;
    }
    .contact-form span {
        padding-right: 3px;
        color: #000;
        ;
        font-weight: 900;
        font-size: 21px;
    }
    .contact-form .textbox {
        text-align: left;
        width: 95%;
        padding: 5px;
        margin: 0 0 3px;
        background: #EEE9BF;
        border: 1px solid #EEE9BF;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
    .contact-form .textbox:focus {
        background: #fff;
        -webkit-box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
    }
    #main .contact-form a.privacy {
        display: inline-block;
        font-size: 11px;
        background: transparent url('img/ico-lock.png') 0px 0px no-repeat;
        height: 16px;
        line-height: 16px;
        padding-left: 18px;
        color: #15c;
        text-decoration: underline;
    }
    /*buttons*/
    
    #main a.button {
        color: #fff;
        !important
    }
    .button {
        border: 0;
        margin: 10px 0;
        padding: 12px 18px;
        cursor: pointer;
        text-decoration: none;
        font-size: 17px;
        font-family: "Oswald", sans-serif;
        text-shadow: 0px -1px 0 #555;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
    .button:hover {
        box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
    }
    .button.green {
        background: #77bb2e;
        background: -moz-linear-gradient(top, #77bb2e 0%, #6eb129 50%, #55971c 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #77bb2e), color-stop(50%, #6eb129), color-stop(100%, #55971c));
        background: -webkit-linear-gradient(top, #77bb2e 0%, #6eb129 50%, #55971c 100%);
        background: -o-linear-gradient(top, #77bb2e 0%, #6eb129 50%, #55971c 100%);
        background: -ms-linear-gradient(top, #77bb2e 0%, #6eb129 50%, #55971c 100%);
        background: linear-gradient(to bottom, #77bb2e 0%, #6eb129 50%, #55971c 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#77bb2e', endColorstr='#55971c', GradientType=0);
        border: 1px solid #305b0e;
        color: #fff;
    }
    .button.red {
        background: #f05023;
        color: #fff;
    }
    .button.orange {
        background: #fc8516;
        background: -moz-linear-gradient(top, #fc8516 0%, #ce572c 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fc8516), color-stop(100%, #ce572c));
        background: -webkit-linear-gradient(top, #fc8516 0%, #ce572c 100%);
        background: -o-linear-gradient(top, #fc8516 0%, #ce572c 100%);
        background: -ms-linear-gradient(top, #fc8516 0%, #ce572c 100%);
        background: linear-gradient(to bottom, #fc8516 0%, #ce572c 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fc8516', endColorstr='#ce572c', GradientType=0);
        border: 1px solid #f68500;
        color: #fff;
    }
    .button.coffee {
        background: #d2914c;
        background: -moz-linear-gradient(top, #d2914c 0%, #d16800 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d2914c), color-stop(100%, #d16800));
        background: -webkit-linear-gradient(top, #d2914c 0%, #d16800 100%);
        background: -o-linear-gradient(top, #d2914c 0%, #d16800 100%);
        background: -ms-linear-gradient(top, #d2914c 0%, #d16800 100%);
        background: linear-gradient(to bottom, #d2914c 0%, #d16800 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d2914c', endColorstr='#d16800', GradientType=0);
        border: 1px solid #d16800;
        color: #fff;
    }
    .button.blue {
        background: #98db59;
        /* Old browsers */
        
        background: -moz-linear-gradient(top, #98db59 0%, #94cb4a 50%, #7dc617 100%);
        /* FF3.6+ */
        
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98db59), color-stop(50%, #94cb4a), color-stop(100%, #7dc617));
        /* Chrome,Safari4+ */
        
        background: -webkit-linear-gradient(top, #98db59 0%, #94cb4a 50%, #7dc617 100%);
        /* Chrome10+,Safari5.1+ */
        
        background: -o-linear-gradient(top, #98db59 0%, #94cb4a 50%, #7dc617 100%);
        /* Opera 11.10+ */
        
        background: -ms-linear-gradient(top, #98db59 0%, #94cb4a 50%, #7dc617 100%);
        /* IE10+ */
        
        background: linear-gradient(to bottom, #98db59 0%, #94cb4a 50%, #7dc617 100%);
        /* W3C */
        
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#98db59', endColorstr='#7dc617', GradientType=0);
        /* IE6-9 */
        
        border: 1px solid #7DC617;
        color: #fff;
    }
    div.errorcontainer {
        display: none;
        padding: 8px 0px;
        margin: 0;
        font-size: 12px;
        border: 1px solid #f00;
        background: #ffebe8;
    }
    /*Image Captions*/
    
    #main .wp-caption {
        margin-bottom: 20px;
        /*background:#eaeaea;padding:5px 0 10px;-webkit-border-radius:3px;border-radius:3px;*/
    }
    #main .wp-caption img {} #main .wp-caption-text {
        margin-bottom: 0px;
        font-size: 12px;
        line-height: 16px;
        font-style: italic;
    }
    /*Tables*/
    
    table.default {} table.default tr.th {} table.default tr.th td {
        border-bottom: 2px solid #ccc;
        font-weight: 900;
    }
    table.default tr {} table.default td {
        margin: 0px 5px 0px 0px;
        padding: 8px;
    }
    /*Pricing list*/
    
    #main ul.pricing {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        font-size: 13px;
    }
    #main ul.pricing li {
        margin-left: 0px;
        padding: 10px 0 10px 10px;
        width: 320px;
        max-width: 90%;
        background-image: none;
        border-top: 1px dashed #ccc;
    }
    #main ul.pricing li.totalPrice {
        text-align: center;
        font-size: 26px;
        background-color: #d2914c;
        color: #fff;
        text-shadow: #555 0px 1px 0px;
        border-top: none;
    }
    #main ul.pricing .sub {
        font-size: 11px;
        line-height: 22px;
    }
    /*Tertiary*/
    
    #tertiary {
        width: 100%;
        background: #3f3f3f;
        border-top: 5px solid #333;
        -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
        box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
        color: #fff;
        font-size: 12px
    }
    #tertiary-cont {} #tertiary a {
        color: #fff;
        text-decoration: none;
    }
    #tertiary .widget-footer {
        text-align: left;
    }
    #tertiary .widget-footer .widget-footer-title {
        margin: 0 0 2.75%;
        font-size: 15px;
        font-weight: 900;
    }
    #tertiary .widget-footer ul {} #tertiary .widget-footer li {
        padding: 3px 0;
    }
    /*Colophon Logos*/
    
    #colophon-logos {
        width: 100%;
        text-align: center;
        padding: 25px 0 100px;
        /*background:#f8f8f8 url('img/bottom-beans.png') left bottom repeat-x;border-top:1px solid #ccc;-webkit-box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, .3);*/
        
        box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, .3);
        display: none;
    }
    #colophon-logos img {
        max-width: 100%;
        height: auto;
    }
    /* Widget Footer Site Specific */
    
    #widget-footer-socialmedia {} #widget-footer-socialmedia a.facebook {
        background-image: url('img/widgetnav/wid-facebook.png');
        background-repeat: no-repeat;
        padding-left: 35px;
        display: block;
        height: 32px;
        line-height: 32px;
    }
    #widget-footer-socialmedia a.twitter {
        background-image: url('img/widgetnav/wid-twitter.png');
        background-repeat: no-repeat;
        padding-left: 35px;
        display: block;
        height: 32px;
        line-height: 32px;
    }
    #widget-footer-socialmedia a.pinterest {
        background-image: url('img/widgetnav/wid-pinterest.png');
        background-repeat: no-repeat;
        padding-left: 35px;
        display: block;
        height: 32px;
        line-height: 32px;
    }
    #widget-footer-socialmedia a.google {
        background-image: url('img/widgetnav/wid-google.png');
        background-repeat: no-repeat;
        padding-left: 35px;
        display: block;
        height: 32px;
        line-height: 32px;
    }
    #widget-footer-socialmedia a.youtube {
        background-image: url('img/widgetnav/wid-youtube.png');
        background-repeat: no-repeat;
        padding-left: 35px;
        display: block;
        height: 32px;
        line-height: 32px;
    }
}
/***BUYERS GUIDES PAGE***/

.buyers-guides {
    overflow: hidden;
}
.buyers-guide-box {
    overflow: hidden;
    float: left;
    width: 49%;
    padding: 1.5%;
    margin-right: 2%;
    margin-bottom: 3.5%;
    border: 1px solid #ddd;
}
.buyers-guide-box.even {
    margin-right: 0%;
}
.buyers-guide-img {
    float: left;
    width: 48%;
    margin-right: 2%;
}
.buyers-guide-cnt {
    float: left;
    width: 48%;
    margin-top: 35px;
}
.buyers-guide-cnt .buyers-guide-title {}
/***BUYERS GUIDE PAGES***/

.buyers-guides-1 {
    overflow: hidden;
    margin-bottom: 30px;
}
.buyers-guide-box-title-1 {
    padding: 10px;
    text-align: left;
    margin-bottom: 0!important;
    background: #d2914c;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}
#primary h2.buyers-guide-box-title-1 {
    color: #fff;
    text-shadow: 0 1px 0 #555;
}
.buyers-guide-box-container-1 {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}
.buyers-guide-box-1 {
    float: left;
    width: 33.3%;
    padding: 1.5%;
    text-align: center;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.buyers-guide-box-1.end-instance {
    border-right: 0px;
}
.coffee-grinders .buyers-guide-box-1 {
    width: 25%;
}
.buyers-guide-img-1 {} .buyers-guide-cnt-1 {
    margin-top: 15px;
}
#primary .buyers-guide-cnt-1 a {
    color: #4b2903;
}

.address{float: right;padding: 0 25px;color: #003f87;}

/* 3.2 Media Queries */

@media screen and (max-width: 800px) {
    /*elements*/
    
    #branding {
        background-image: none;
    }
    #main blockquote {
        background-image: none;
        padding-left: 20px;
    }
    #page #branding {
        border-bottom: none;
    }
    #page #branding #site-title {
        float: none;
        text-align: center;
        margin: 0 auto;
        padding-left: 0px;
    }
    #page #branding #site-info {
        float: none;
        text-align: center;
        margin: 0 auto;
        padding-right: 0px;
        background-image: none;
        padding-right: 0;
    }
    .phoneNum {
        float: none;
        display: inline;
    }
    .social-icons {}
    /*#access{float:none;margin:0;margin:-30px auto 0;text-align:center;}#access ul{display:none;}#access select{display:inline-block;padding:2px 0 2px 5px;margin:0 0 2.5%;/*STYLE*/
    /*color:#fff;background:#4b2903;border:0}*/
    
    #site-navigation {
        position: relative;
        margin-bottom: 0px;
    }
    #menu-icon {
        display: block;
        /* show menu icon */
    }
    .nav-menu {
        display: none;
    }
    #main #primary {
        float: none;
        width: 100%;
        margin: 0 0 3.2%;
    }
    #primary #content .entry-header {
        padding: 6px 10px;
    }
    #primary #content .entry-content {
        padding: 10px 15px 10px;
    }
    #primary #content .entry-meta {
        padding: 0 10px 5px;
    }
    #secondary.widget-area {
        float: none;
        width: 100%;
        clear: both;
    }
    /*ribbon*/
    
    #primary #ribbon {
        background-image: none;
    }
    /***BUYERS GUIDES PAGE***/
    
    .buyers-guide-box {
        float: none;
        width: 100%;
        padding: 0;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .buyers-guide-box .button {
        font-size: 12px;
    }
    /*fix for 320px screens not fitting the text 'Download Now'*/
    /***BUYERS GUIDE PAGES***/
    
    .buyers-guide-box-1 {
        float: none;
        width: 100%;
        padding: 0;
        margin-right: 0;
        border: 0;
        margin-bottom: 20px;
    }
    .coffee-grinders .buyers-guide-box-1 {
        width: 100%;
    }
	
	.address{float: none;text-align:center;}
}
/**/

@media screen and (max-width: 480px) {
    .alignright {
        float: none;
        display: block;
        margin-left: 0;
        margin-right: 0;
    }
    .alignleft {
        float: none;
        display: block;
        margin-left: 0;
        margin-right: 0;
    }
    #page #branding #site-info img {} #tertiary .widget-footer {
        float: none;
        width: 100%;
    }
    .mob-hide {
        display: none;
    }
}