@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/
*/
img, object, embed, video {
    max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
    width:100%;
}

/*
    Dreamweaver Fluid Grid Properties
    ----------------------------------
    dw-num-cols-mobile:     5;
    dw-num-cols-tablet:     8;
    dw-num-cols-desktop:    10;
    dw-gutter-percentage:   25;

    Inspiration from "Responsive Web Design" by Ethan Marcotte
    http://www.alistapart.com/articles/responsive-web-design

    and Golden Grid System by Joni Korpi
    http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

body {
    color:#444;
    font-size:12px;
    font-family: Helvetica, Arial, sans-serif;
}

.gridContainer {
    margin-left: auto;
    margin-right: auto;
    width: 98%;
    padding-left: 1%;
    padding-right: 1%;
    float:left;
}
.wrapper, .inner_banner {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}


/*HEADER*/

#logo, #logo div {
    text-align:center;
    font-size:11px;
}

div.caller { margin:10px auto 5px; }
div.top_links a { font-size:11px; padding:5px 11px; }

.megamenu { display:none;}

.slicknav_menu { display:block; }
#main_menu { margin:0 auto 5px; display:none; clear:both; }
#header_search { display:block; clear:both;}
#header_search_selector, #header_search_field { width:100%; }
#header_search_field { background-color:#edf3ed;  margin-bottom:2px; }
.wrapper-dropdown-1 { width:95%; }
#header_finddistributor { margin:5px auto 0;  display:block; clear:both; width:100%; background-color:#a3d55d; height:40px; }
#header_finddistributor_container { background: none; margin:2%; width:96%; height:30px; }
#header_finddistributor_wrapper {height:20px; line-height:30px; }
.industry_section_pro_box_detail_home { max-width:200px; }

#header_search_selector select { font-size:12px; padding:7px 0px; }
#header_search_field { min-width:180px; }


/* Home Sections*/


.industry_section_home {
    width:98%;
    margin-left:1%;
    margin-right:1%;
}

.industry_section_pro_box_home { float:left; margin-right:10px; }


/* INNER PAGE LAYOUTS */

.bar_center, .bar_left, .bar_right, .box_full, .box_half, .box_3qtr, .box_qtr, .box_33, .box_66 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}

.product_listbox {
    clear:none;
    margin:1%;
    width:98%;
    min-width:220px;
    max-width:230px;
}

.category_section {
    clear: both;
    float: left;
    margin-left: 0;
    padding-left:1%;
    padding-right:1%;
    width: 98%;
    display: block;
}

.category_section_3 {
    float: left;
    margin-left: 0;
    padding-left:1%;
    padding-right:1%;
    width: 98%;
    clear:none;
    display:inline-block;
    min-width:220px;
    max-width:220px;
}

p.category_info {
    padding:0 10px;
}

/* FOOTER */

#footer_social, div.footer_nav { width:100%; text-align:center; margin:10px auto; }
div.footer_nav li { width:100%; }

#footer_logo { text-align:center; margin:5px auto;}
div.footer_nav ul ul { left:auto; margin-left:auto; margin-right:auto; width:100%; }

.bar_left .filter_bar { display:none; }
.CollapsiblePanel { display:block; }

/*------------------------------------------------*/
/* NAVIGATION */
/*------------------------------------------------*/

/* for Simple Menu, see Simple menu folder */

    /*.navbar{margin-bottom:0!important;}*/
    .navbar-inner{border:none!important; box-shadow:none!important; background:none transparent!important; /*padding-right:0!important;*/}
        .navbar .brand {padding:0!important;}

    /* Site Navigation */
    .nav-collapse {
        float: right;
        position:relative;
        top: 5px;
    }

    .nav-pills { padding-left:0px;}

    .nav li {
        position:relative;
        list-style:none;
        margin: 0;
    }

    .nav li ul {
        margin-left:0;
    }

    .nav > li {
        float:left;
        height:30px;
        padding-top:5px;
        margin-right:2px;
    }

    .nav > li > a,
    .nav > li > span {
        display:block;
        padding:5px 0 5px 15px;
        font-size:14px;
        font-weight:bold;
        color:#666;
        text-decoration:none;
    }

    .nav > li:hover > a,
    .nav > li.active > a  {
        color:#68932c;
        /* override default bootstrap nav pills styles*/
        background-color:transparent!important;
        box-shadow:none!important;
    }
    .nav > li:hover > a:active { color:#68932c;}
    .nav > li:hover > span { color:#68932c;}

    .nav > li > a .caret.hidden-desktop  {
        border:none!important;
        background-image:url(bootstrap/img/glyphicons-halflings-white.png);
        background-color:#1b3d04;
        background-position:-305px -110px!important;
        width:30px!important; line-height:30px!important; min-height:30px!important; height:auto;
        display:inline-block;
        margin:0!important;
        border-radius:3px;
    }

    .nav > li > ul > li > a { position:relative; }
     /* .nav > li > ul > li > a .caret.hidden-desktop,.nav > li > ul > li > ul > li a .caret.hidden-desktop */

    .nav li a .caret.hidden-desktop
    {
         border:none!important;
        background-image:url(bootstrap/img/glyphicons-halflings-white.png);
        background-color:#1b3d04;
        background-position:-305px -110px!important;
        width:30px!important; line-height:30px!important; min-height:30px!important; height:auto;
        display:inline-block;
        margin:0!important;
        border-radius:3px;
        position:absolute;
        top: 0;
        right:0;
    }

    /*.nav > li > a .caret.hidden-desktop:hover {
        background:url(bootstrap/img/glyphicons-halflings-white.png) -305px -110px, linear-gradient(to bottom, #2D2D2D 0%, #565656 100%)!important;
    }*/

    /* Secondary level */
    .nav > li ul {  /* Styles for all sub levels */
        /*top:35px;
        left:0; */
        padding: 15px 5px;
        display:none;
        position:absolute;
        z-index: 2;
        width:225px;
        background:#F5F7F7;
        border: 1px solid #cbcbcb;
        /* CSS3 */
        border-radius: 0px;
        /*box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,1), 0px 0px 3px rgba(0,0,0,0.15);*/
        -webkit-box-shadow:  0px 2px 5px 0px rgba(0, 0, 0, 0.4);
        box-shadow:          0px 2px 5px 0px rgba(0, 0, 0, 0.4);
        -webkit-animation-duration: .25s;
        -webkit-animation-delay: .2s;
        -webkit-animation-timing-function: ease;
        -webkit-animation-fill-mode: both;
        -moz-animation-duration: .25s;
        -moz-animation-delay: .2s;
        -moz-animation-timing-function: ease;
        -moz-animation-fill-mode: both;
        -ms-animation-duration: .25s;
        -ms-animation-delay: .2s;
        -ms-animation-timing-function: ease;
        -ms-animation-fill-mode: both;
        animation-duration: .25s;
        animation-delay: .2s;
        animation-timing-function: ease;
        animation-fill-mode: both;

    }

    .nav-collapse:not(.in) .nav li:hover > ul {
        display:block;
    }
    .nav-collapse .nav li > iframe{ display: none;z-index: 1 !important;}
    .nav-collapse:not(.in) .nav li:hover > iframe{ display: block;}

    .navbar .nav > li > .dropdown-menu:before{
        border:none!important;
    }

    .navbar .nav > li > .dropdown-menu:after {
        position:absolute!important;
        top:-15px!important;
        left:20px!important;
        content:''!important;
        width:0px!important;
        height:0px!important;
        border-left:15px solid transparent!important;  /* left arrow slant */
        border-right:15px solid transparent!important; /* right arrow slant */
        border-bottom:15px solid #F5F7F7!important; /* bottom, add background color here */
        font-size:0px!important;
        line-height:0px!important;
    }

    .nav .dropdown-menu > .active > a,
    .nav .dropdown-menu > .active > a:focus {
        background-color:transparent!important;
        background-image:none!important;
        color:#3B9FBF!important;
        outline:none;
    }
    .nav .dropdown-menu a {
        display:block;
        padding: 3px 15px;
        color:#3B9FBF;
        font-size: 13px;
        font-weight: normal;
        text-decoration:none;
        /* transition decleration */
        transition:         all ease-in 100ms;
        -moz-transition:    all ease-in 100ms; /* Firefox 4 */
        -webkit-transition: all ease-in 100ms; /* Safari and Chrome */
        -o-transition:      all ease-in 100ms; /* Opera */
        -ms-transition:     all ease-in 100ms; /* IE9? */
    }
    .nav .dropdown-menu > li > a:hover,
    .nav .dropdown-menu > .active > a:hover{
        background-color:transparent!important;
        background-image:none!important;
        color:#1b3d04 !important;
    }
    .nav-collapse:not(.in) .nav .dropdown-menu{
        border-radius:0!important;
    }
    .nav > li > ul li:hover {
        color:#D00;
        /*background: #F5F7F7;*/
    }

    /* Tertiary level */
    .nav li ul li ul {
        left:225px;
        top:-8px;
        padding: 15px 5px;
        border-left: 1px solid #ddd;
    }

    /* Navigation button on mobile size */
    .nav-collapse.in {
        width:100%;
    }
    .navbar .btn-navbar {
        background-color: #333333!important;
        background-image: linear-gradient(to bottom, #333333, #333333)!important;
        cursor:pointer;
        margin-top:10px!important;
    }

    .blog-main-content .info {
    display: none;
}

    .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { text-transform:capitalize; color:#387410 !important;}

   /* .navbar .btn-navbar:hover,
    .navbar .btn-navbar:active {
        background:linear-gradient(to bottom, #2D2D2D 0%, #565656 100%)!important;
    }*/


/*------------------------------------------------*/


.navbar .btn-navbar {
        background: url(../Images/nav_icon_mobile_lightgreen.png) !important;

        height: 18px;

        width:20px;
    }
.nav-collapse, .nav{width:100%;}
    .nav li {padding:0!important; min-height:30px!important; height:auto;}
    .nav-collapse .dropdown-menu { margin:0 0 0 4%!important; width:95%!important;}
    .nav-collapse .nav > li a,
    .nav-collapse .dropdown-menu a{padding:0 0 0 5px!important;line-height:30px!important; height:30px!important; border:1px solid #eee!important; margin-bottom:3px;}
    .nav-collapse .dropdown.open > a{background-color:#eee!important;}
    .nav > li > ul {position:relative!important; width:100%!important;}
    .nav{width:100%;}
    img {max-width:100%;}
    .navbar-inner { padding-left:0px;}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {

}
.wrapper, .inner_banner {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}

#header_search_selector select { font-size:12px; padding:7px 0px; }
.box_half, .box_3qtr, .box_qtr {
    float:left;
    width:50%;
}

.box_33 {
    width:33%;
}

.industry_section_pro_box_detail_home { /* max-width:240px; */ }


}

@media only screen and (max-width: 964px)
{
    #footer_top
    {
        max-height: 300px;
    }

    div.footer_nav li:hover ul.accordion-content {
        display: inline-block;
        text-align:center;
        width:100%;
    }

    div.footer_nav li:hover ul.accordion-content li
    {
        /*margin-left: -100px;*/
    }

    #div.footer_nav ul.accordion-content li
    {
        position: relative;
    }

    #footer_bottom div.copyright
    {
        width: 70%;
        margin: auto;
        text-align: center;
    }

    .industry_section_pro_box_home
    {
        width: 100%;
    }

    .industry_section_pro_box_img_home
    {
        float: right;
    }

    .industry_section_pro_box_detail_home
    {
        max-width: 70%;
    }

}

/* MIDDLE FIX UI */

@media only screen and (min-width: 768px) and (max-width: 964px){


    #header_search_selector, #header_search_field {
    width: 50%;
}

#header_search_field {
    margin-top:-1px;
}

#header_search_field input[type="text"]
{
    padding:18px 0 18px 5px;
}

#header_finddistributor_wrapper {
    height: 20px;
    line-height: 5px;
}

.bx-wrapper img {
    display: block;
    height: auto;
    width: 100%;
}

.slicknav_menu .slicknav_menutxt
{
    padding-left:20px;
    padding-right:0px;
}

.slicknav_menu .slicknav_icon
{
    margin-top:30px;
}

#header_search_field input[type="text"]
{
    padding-right:0px;
}





}



/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 965px) {
.gridContainer {
    width: 100%;
/*    max-width: 1232px; */
    padding-left:0 !important;
    padding-right:0 !important;
    margin: auto;
    float:none;
}
.wrapper {
    clear: both;
    float: none;
    margin:auto;
    width: 100%;
    max-width: 950px;
    display: block;
}

#header_search_selector, #header_search_field { width:auto; margin-bottom:0; }
.wrapper-dropdown-1 { width: 160px; }

#header_finddistributor { width:220px; background-color:transparent; margin-top:0; }
#header_finddistributor_container {
    background:#a3d55d;
    /* background:url('../Images/header_cart_bg.png') no-repeat top right; */
    width:220px;
    margin: 5px;
    height:89px;
}

#header_finddistributor { height:75px; }

#header_finddistributor_wrapper { height:80px; height:80px;
    line-height:80px;}

.industry_section_pro_box_detail_home { max-width:200px; }
.inner_banner {
    clear: both;
    float: none;
    margin:auto;
    width: 100%;
    max-width: 950px;
    display: block;
}
.inner_banner .banner_wrapper {
    margin-left:220px;
    padding-right:10px;
}

#logo, #logo div {
    text-align:left;
    font-size:13px;
}

div.top_links a { font-size:13px; padding:5px 10px; }
.megamenu { display:block; width:200px;}




.navbar { display:none; }
#header_search_selector select { font-size:15px; padding:7px 2px; }

div.caller { margin-top:12px;  float:right; }

#main_menu { margin:0 10px 5px; float:left; clear:none; display:inline-block; }
#header_search {
    width:500px;
    float:left;
     clear:none; display:inline-block;
}
#header_search_field { min-width:320px; }
#header_finddistributor { margin:0 5px; float:right;  clear:none; display:inline-block; }



#header_search_selector { width:180px; line-height: 29px;}
#header_search_field { width:300px; }
#header_search_field input[type="text"] { width:252px;}

.bar_left .filter_bar { display:block; margin-top:90px; }
.CollapsiblePanel { display:none; }

.industry_section_home + .industry_section_home {
    border-left:1px solid #eee;
}
#Industry_news_home h1 { margin-bottom:30px; }

#Industry_news_home h1 span {
    float:left;
}
.industry_section_home {
    width:31%;
    margin-left:1%;
    margin-right:0;
    padding-left:1%;
}

.industry_section_pro_box_home { clear:both; margin-right:0; }



/* INNER PAGE LAYOUTS */

.bar_center, .bar_left, .bar_right, .box_full, .box_half, .box_3qtr, .box_qtr, .box_33, .box_66 {
    clear: none;
    display:inline-block;
}

.bar_left {
    width:210px;
    padding-right:10px;
    float: left;
}

.bar_right {
    width:200px;
    padding-left:10px;
    padding-right:10px;
    border-left:1px solid #cfd0d1;
    float: right;
}
.bar_center {
    width:720px;
    float:right;
    margin-right: 10px;
}

.with_right_bar { float:left; padding-right:10px; padding-left:10px; width:690px; }
.product_details div.breadcrumb
{
    width:99%;
    padding-left:1%;
}

.bar_left + .bar_center { float:left; width:720px; }
.bar_right + .bar_center { width:720px; padding-right:10px; }
.bar_left + .bar_right + .bar_center { width:490px; }



.box_full {
}

.box_half { width:50%; }

.box_3qtr { width:75%; }

.box_qtr { width:25%; }

.box_33 { width:33%; }

.box_66 { width:67%; margin-bottom: 10px; }

.category_section_3 { width:31%; }
.category_section_img { margin-left:3px; }
.subcat .category_section_img { margin-left:1px; }

.Product_listing {
/*    margin-top:40px; */
}

.Product_listing .product_listbox {
/*    margin-bottom:40px; */
}



/* FOOTER */

#footer_social, div.footer_nav { width:auto;  }
div.footer_nav { float:right; }
div.footer_nav li { width:auto; }

#footer_logo { float:left; text-align:left;}
div.copyright { float:right; margin-top:7px; }
div.footer_nav ul ul { left:0; width:auto; }

#dnn_contentpane_right
{
    padding-left: 5px;
}

.Product_listing
{
    padding-left: 10px;
    padding-right: 10px;
}

}