/**** 

Callister's Styles 

****/

body,#header{
    background-color:#fff;
    color:#414141;
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; 
    }

.js #home-content
.js .container:nth-child(3) .col-md-push-3,
.js .container:nth-child(3) .col-md-pull-9,
.js .category_list_P,
.js #customer-portal,
.js .location,
#attr,
#refine_at_menu_A1,
#refine_at_menu_A2,
#refine_at_menu_A3,
#refine_at_menu_A5,
#refine_at_menu_A6,
#refine_at_menu_A7{
/*     display:none */
}    

#custom_links form{
    display:none
}

a{
    transition:all .2s
}

.main-content{
    padding-top:10px
}

.coupon_apply_button{
    margin-top:5px;
    margin-left:10px;
    margin:5px 10px 20px
}

/********

Home Page

*********/
.callister-home-page .title_box{
    display:none;
}

.callister-home-page .main-content .row{
    margin-right:-10px;
    margin-left:-10px
}

.callister-home-page .main-content .col-sm-12,
.callister-home-page .main-content .col-sm-6,
.callister-home-page .main-content .col-xs-4{
    padding-left:10px;
    padding-right:10px;
    margin-bottom:15px
}

.callister-home-page .main-content .col-xs-4 img,
.callister-home-page .main-content .col-sm-6 img,
.callister-home-page .main-content .col-sm-12 img{
    width:100%;
}



.featured-products{
    text-align:center;
    background-image:url(../images/featured-products-divider.gif);
    background-repeat:no-repeat;
    background-position:bottom;
    padding-bottom:60px;
    color:#4f2e30
}

.featured-list-item{
    margin-top:10px
}

.featured-list-item:hover .product-wrap{
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
}

.label{
    color:#414141;
}

header a,
header a:hover{
    color:#fff;
}

a,a:focus, #menuboxes ul li a,#menuboxes ul li a:hover,
.category_link,.category_list_p a, .gradient-heading h2.button a, .cart_update_button,
#menuboxes ul li.menuboxhighlight a{
    color:#4f2e30;
    text-decoration:none;
    border: 0}

a:hover,.bott-corner a:hover,.category_link:hover,
.gradient-heading h2.button a:hover, .cart_update_button:hover{
    color:#930c14 ;
    text-decoration:underline;
    background-color:transparent}     

h1,h2,h3,h4,h5,h6,b,strong,.foot-nav a, .message{
    padding:0}

h3{
    font-size:1.5em
}    

.sub-categories h3{
    color:#4f2e30 
}

.message{
    font-size:1.3em;
    line-height:1.5em;
    color:#d10041;
    margin:20px 0}    

p{
    margin-bottom:10px;
/*     font-size:1.2em */
}     

p.title{
    font-size: 1.1em;
    padding-top: 20px
}

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

header img, td img{
    max-width: none;
}

header .container .row {
    background-image:url(../images/bg-slats.jpg);
    margin-left:0;
    margin-right:0;
    background-size: cover;
    background-position: bottom;
}

.logo{
    margin:15px auto;
    display:block;
    
}

header p{
    font-size: 1em;
    line-height: 1.6;
    padding-top: 10px;
    text-align: center;
    clear:both;
    color:#fff
}

h4{
    font-size:1.1em;
    margin:0;
    padding:0;
    line-height:1.3}



.home .login-button{
    display:none
}

.login-button{
    text-align:center;
    margin-bottom:15px
}      

.login-button small{
    display: block
}

#switch_status{
    margin-top:10px;
    text-align:center;} 
    
.switch_status_store,.switch_status_job{
    display:inline-block;}    

.switch_status_store:after{
    content:" | ";
    padding:0 5px;}

.social{
    text-align:center;
    margin-top:20px;
    margin-bottom:10px
}    

.cart{
    padding-top:3px;
    /* background-image:url(../images/icon-cart.png); */
    background-repeat:no-repeat;
    background-position:left;
    margin:auto;
    padding-left:25px;
    text-align: right;
    font-size: .7em;
    position: relative;
    color:#fff;
    display:inline-block;
    }

.cart a.view-cart, .cart a.checkout{
    background:none;
    margin:0;
    padding:0;}        

.cart a.view-cart:after{
    content:" ";
    padding-left:5px;}

.cart a.checkout:before{
    content:" ";
    padding-left:5px;}
      
form[name="store_update"]{
    margin-bottom: 25px
}

.stacktable.large-only{
    display: none
}

.stacktable.small-only{
    display: table
}

.navbar{
    margin-bottom:0;
    }

.navbar-default{
    background-image: url(../images/bg-nav.jpg);
    background-position: top;
    }

.home .navbar-default{
    background-color: rgba(62,56,77,.95) ;}

.navbar-default,.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border:0px;
    border-radius:0;
    background-color: #4f5563
}

@media (min-width:768px){
    .navbar-default .navbar-collapse{
        background-color: transparent !important;
    }
}

.navbar-default .navbar-nav > li > a{
    padding:15px 10px
}

.navbar-default .navbar-nav > li > a,.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
    color:#fff;
    border-right:1px solid rgba(255,255,255,.2) ;
    font-size:1.5em;
    border-bottom: 1px solid rgba(255,255,255,.2) ;
   }

.navbar-default .navbar-nav > li > a:hover{
    background-color: rgba(0,0,0,.3) }

.dropdown-menu .dropdown > a:after{
    display:inline-block;
    content:"";
    width:0;
        height:0;
        vertical-align:middle;
        border-top:4px solid transparent;
        border-bottom:4px solid transparent;
        border-right:0px solid transparent;
        border-left:4px solid;
    margin-left:2px;
    position:absolute;
    right:15px;
    top:20px;
    
}

@media (min-width:768px ){
    .dropdown-menu .dropdown > a:after{
        right:5px;
        top:10px;
        
    }
}

.navbar-form{
    margin:auto;
    position:relative;
    padding-left:0
    }

.form-control{
    border:0;
    border-radius:0;
    height:30px;
    padding:10px;
    }

.search-btn{
    background-image:url(../images/icon-search.png);
    background-repeat:no-repeat;
    background-position:center;
    border-radius:0;
    border:0;
    background-color: rgba(40,41,48,1) ;
    
    height:30px;
    width:33px;
    position:absolute;
    top:10px;
    right:0;
    margin-left:-3px;
    transition:all .2s}

.search-btn:hover{
    background-color:#4f2e30  ;}

.header-search{
    position: absolute;
    top:35px;
    left:15px;
    border: 1px solid #d3d3d5;
    height:39px
}

.header-search form{
    position: relative;
    right: 6px;
    top:3px
}

.main-sidebar .form-group{
    display:block;
    margin-top:20px
}

.main-sidebar .form-control{
    border:2px solid;
    width:100% !Important
}



/** 

Footer Styles 

**/

#footer .container{
    float:none;
    color:#fff;
    padding-top:20px;
    background-image:url(../images/bg-slats.jpg);
    margin-top:10px;
    background-size: cover;
    background-position: bottom
}

#footer h4{
    font-weight:bold
}

#footer p{
    font-weight:normal;
    line-height:1.4em;
    font-size:.9em
}

#footer a{
    color:#fff;
}

#footer ul{
    list-style:none;
    padding:0;
    font-size:.9em;
    position:relative;
    z-index:2
}


.foot-nav{
    font-size:.85em;
    padding-top:10px;
}
    
.verified:after{
    display:table;
    content:"";
}     

.ssl,.AuthorizeNetSeal{
    float:left;
}

.vendors{
    padding:20px 0;
}

/*** 

Sidebar Styles

***/

#menubox{
    padding-top: 8px
}


#menubox a{
    font-size: 1.3em;
    padding: 6px 0
}

#menuboxes ul li, #menuboxes ul li:hover{
    background:transparent;
    height:auto;
    padding:0;}

#menuboxes ul li a,
#featured_menubox li a,
.mobile #main_menu a{
    font-weight:normal;
    padding:3px 0;
    display:block}    

#menuboxes ul li a:hover{
    font-weight:normal;
    text-decoration:underline}

#menuboxes h1,
#menuboxes h2,
#featured_menubox h1,
#category_menubox h2{
    font-size:1.4em;
    text-transform:none;
    padding:0}

#menuboxes h1,
#featured_menubox h1{
    margin:0}

#menuboxes .gradient-heading{
    padding:0;
    margin:0;
    border:0;
    background-color:transparent}

#category_menubox h2{
    padding:0
}  

.inet_refine_menu li a{
    display:inline-block !important;
    margin-right:5px;
    max-width:80%} 

#refine_category_menubox li a.first{
    display:block;
    border-bottom:1px solid #9c8dc4;
    width:100% !important;
    max-width:100% !important;
    padding-bottom:5px;
    margin-bottom:5px
}

.refine_count{
    font-size:.8em
}     

.menu{
    margin-top:30px}

.menu h1{
    font-size: 1.1em;
    padding-bottom: 5px;
    border-bottom: 1px solid #d9d9d9;
    margin: 0;
    margin-bottom: 5px;
}    

.menu ul{
    padding: 0;
    list-style: none;
}

.menu li.blank{
    display:none
}

.menu ul ul.submenu{
    padding-left:2px;
    border-left: 1px solid #ccc;
    margin-left:10px
}

.menu ul ul.submenu .submenu{
    margin-left:25px;
    font-style: italic;
}

.menu ul ul.submenu a:before{
    content:"\2014 ";
    color: #ccc;
    position:relative;
    right:2px
}

.menu ul li{
    position:relative;
}

.menu ul li a{
    display:block;
}

.menu ul ul.submenu a:hover,
.menu ul ul.submenu a:active,
.menu ul ul.submenu a:focus{
    text-decoration:none
}

#category_menubox{
    margin-top:21px;
}

.-page #category_menubox{
    display:none;
}

/*** 

Refine by menu

***/

.refine_show_more,
.refine_show_less{
    border-top:1px solid #9c8dc4;
    display:block;
    width:100% !important;
    max-width:100% !important;
    padding-top:5px;
    margin-top:7px
}

.refine_show_less .caret{
    border-style: solid;
    border-width: 0 4px 4px 4px;    
}

.inet_refine_menu{
    margin-top:0px !important
}

#refine_at_menu_A8{
    display:none
}

.inet_refine_menu h1,
#refine_department_menu h1,
.mobile .menu h2{
    background-color:#4f2e30 ;
    border:0;
    color: #fff;
    padding:7px 7px 5px;
    margin-bottom:0
}

.inet_refine_menu ul,
#refine_department_menu ul,
.mobile .menu ul{
    border: 1px solid #4f2e30 ;
    padding:7px;
    margin-bottom:0
}



/*** 

Content Styles 

***/


.title_box{
    background:transparent;
    height:auto;
    padding: 0px 0px 10px;
    border-bottom: 1px solid #d9d9d9
}

.no-breadcrumbs .title_box{
    margin-bottom:20px
}

.title_span{
    color:#414141;
    text-transform:none;
    font-weight:400;
    font-size:2em;
    }

.page_button{
    float:right;
    position: relative;
    right: 10px;
    top: 10px
}

.breadcrumb{
    background-color:transparent;
    margin-bottom:10px !important;
    padding-left: 0;
    font-size:.8em}

.breadcrumb li{
    display:inline-block !important;
    vertical-align:top;}
  
.breadcrumb li a{
    float:none !important;}  

.breadcrumb li a:after{
    content:" " !important;
    padding:0 !important}    

.breadcrumb > li + li:before{
    padding-right:0}

.category-listing{
    margin-bottom:8px}

.category_link{
    font-size:1.2em;
    }

.category_image{
    margin-bottom:25px
}

.product-wrap{
    border:1px solid #d7d7d7 ;
    padding:20px;
    text-align:center;
    margin-bottom:30px;
}

.product-wrap img{
    display:block;
    margin:0 auto 10px
}

.product-wrap .btn{
    padding:7px 35px
}

.product_link,
.product_price{
    padding-bottom:10px;
}

.cat-list-item:hover .product-wrap,
.product-list-item:hover .product-wrap{
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
}

.home-links a img{
    opacity:1;
    -webkit-backface-visibility: hidden;
}

.home-links a:hover img{
    transition:all .2s;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
    opacity:.8;
}

.home-links div{
    position:relative;
}



/* .home-links a:after{
    display:block;
    content:"";
    width:100%;
    height:100%;
    text-align:center;
    border:2px solid red;
    position:absolute;
    color:#fff;
    text-transform:uppercase;
    top:0;
    left:0;
    margin-left:10px;
    transition:all .3s;
}
 */
/* .home-links a:hover:after{
    opacity:1;
    margin-top:-23px;
    width:150px;
    margin-left:-77px;
} */


.sep-categories{
    background-image:url(../images/barb-wire-divider.gif);
    background-position:top;
    background-repeat:no-repeat;
    padding-top:40px
}


/* Don't display category image if javascript is disabled */
.category_list_P img{
    width:200px;
    display:block;
    padding:5px; 
    border:1px solid #ddd
}
.category_list_P a{
    display:block;
    margin-bottom:10px
}


.product-sort tr{
    display:block;
    float:left;
    font-size:1.5em;
    padding-top:20px}

.product-sort td{
    padding-right:10px}

.product-sort select{
    margin-right:20px}
        
td.message{
    color:#414141;
    padding-left:0;
    font-size:.85em} 

.list_container{
    border:0;
    width:100%;
    font-size: .8em
    }  

.list_container td{
    vertical-align:middle}    

.list_container input.smalltextbox{
    width:35px;
    height:25px;
    margin-left:10px}      

.list_heading td,
td.list_heading{
    background-color:#eff0f0;
    background-image:none;
    color:#414141;
    border:0;
    border-right:1px solid #fff;
    padding:10px 15px;
    font-size:1.1em}

.list_heading td a,
td.list_heading a{
    color:#414141;}

.list_heading td:hover {
    background-color: #d9dbdb; 
    background-image: none;}

.list,.listodd{
    background-color:transparent;
    border-bottom:1px solid #eff0f0;
    height:90px}  

.list td:first-child,.listodd td:first-child{
   padding:5px}    

#shipping_options .list,
#shipping_options .listodd{
    height:auto
}   

#ship_rates_USPS01,
#ship_rates_UPS001{
    padding-left:1px
}
   
.ship-warning{
    margin-top:30px
}

.store_checkout_address_step .ship-warning{
    float:right;
}

form[name=address_form] input[type=email],
form[name=address_form] select{
    margin-top:10px;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0;
    background-color: #fff;
    height: 30px
}


.add_to_list_button,
.add_to_cart_button,
.go_button,
.login_button,
.reset_password_button,
.send_username_button,
.send_account_request_button,
a.pp_close,
.cart_checkout_button,
.on_account_button,
.back_button,
input.button,
button.button,
#comment_form input {
    border:0;
    border-radius:4px;
    background-image: none;
    width: auto;
    height: auto !important;
    overflow: visible;
    cursor: pointer;
    display: inline/*block*/;
    padding:5px 10px;
    font-size:1.2em;
    font-weight:100 !important;
    color:#fff
    }

.btn-nursery-stock{
    float:right;
    margin-left:10px
}    

#comment_form input, button.button, input.button, .btn-default,.go_button, .reset_password_button, .send_username_button, .send_account_request_button, .back_button{
    background-color:#96979b;
    border:0;
    color:#fff}

.checkout_payment_option:nth-child(2) .pay_by_cc_button{
    background-color:transparent !important
}

#comment_form input:hover, button.button:hover, input.button:hover, .btn-default:hover,.go_button:hover, .reset_password_button:hover, .send_username_button:hover, .send_account_request_button:hover, .back_button:hover{
    background-color:#86878c;
    color:#fff}

.check-egift-card-balance button, .checkout_button,.gift_card_add_to_order, .continue_button, .home-link .btn, .special .btn, .quick-links .btn, button.continue_button, .feedback_button, button.confirm_button, .confirm_button, .btn-primary, .add_to_cart_button, .login_button,a.pp_close, .cart_checkout_button, .on_account_button{
    background-color:#930c14 !important;
    border:0;
    color: #fff}

.check-egift-card-balance button:hover, .checkout_button:hover, .gift_card_add_to_order:hover, .continue_button:hover, .home-link .btn:hover, .special .btn:hover, .quick-links .btn:hover, button.continue_button:hover, .feedback_button:hover, button.confirm_button:hover, .confirm_button:hover, .btn-primary:hover, .add_to_cart_button:hover, .login_button:hover,a.pp_close:hover, .cart_checkout_button:hover, .on_account_button:hover{
    background-color:#550102 !important;
    text-decoration:none}


.cart_checkout_button,.on_account_button{
    font-size:1.7em;
    padding:5px 20px;
    float:right;
    position:relative;
    z-index:2}

.btn-login{
    background-color: #898790;
    color: #fff;
    display:inline-block;
    max-width: 160px;
    font-size: 1.15em;
    margin:auto;
    margin-top: 20px;
    margin-bottom:5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}    

.btn-login:hover{
    background-color: #67646e;
    color: #fff
}

.smallbutton.add_to_cart_button{
    margin-left: 5px
}

div.dark_rounded .pp_close{
    background-image:none !important;
    width:auto !important;
    height:auto !Important}

a.pp_close{
    text-indent:0 !Important;
    z-index:5
}        

form{
    position:relative;}

.go_button{
    position:absolute;
    top:20px;
    left:405px
}        
    
.pagination{
    margin:0
}                  

#recently_viewed .recent_product,
.recent_product .thumbnail img{
    background-color:transparent;}

.recent_product img{
    margin-bottom:10px !important;
    
}    

.recent_product:hover img{
    box-shadow: 0px 0px 2px rgba(0,0,0,.2)
}

.recently_viewed{
    border-top:0 !important;
    padding-top: 30px}    

.recently_viewed p{
    font-size:1em
}    

.recently_viewed h1{
    background-color: #eff0f0;
/*     border-bottom:1px solid #d9d9d9 !important; */
    display:block !important;
    width:100%;
    font-size:1.1em;
    padding: 10px}



.recent_product{
    text-align: center;
    margin-bottom:25px
}   

.no-js .recent_product{
    width:50%;
    float:left
}  

.no-js .recent_product p{
    max-width:80%;
    text-align:center;
    margin:0 auto 20px
}

.thumbnail{
    border:0;
    margin:0;
    padding:0}

a.thumbnail{
    position:relative
}

a.thumbnail span{
   position:absolute;
   right:105%;
   bottom:0;
   display:none;
   z-index:2;
   background-color:#fff;
   padding:5px;
   -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
}

a.thumbnail:hover span{
    display:block;
}

/***

Product List

***/

.group-even{
    background-color: #eff0f0;
    border-bottom: 1px solid #fff
}

.departments .store_results_navigation,
.departments .product-list{
    display:none;
}


.qty-info p{
   max-width:80px;
   white-space: normal !important;
   text-align:center;
   margin:0
}

.list-image{
    position:relative;
    overflow:visible
}

.thumb-popup{
    position:absolute;
    top:-50px;
    left:-200px;
    border:1px solid #ccc;
    max-width:200px;
    overflow:hidden;
    z-index:10;
    padding:5px;
    background-color: #fff;
    display:none;
    box-shadow:1px 1px 5px 0px rgba(0,0,0,.4);
}

.list-image:hover .thumb-popup{
    display:block
}

.thumb-popup img{
    max-width:100%;
}

.hide-this{
    display: none
}

.info-link{
    width:15px;
    height:15px;
    position: relative;
    
    opacity: .5
}

.info-popup{
    position:absolute;
    bottom:62px;
    left:50%;
    margin-left:-100px;
    border:1px solid #ccc;
    z-index:10;
    width: 200px;
    padding:5px;
    background-color: #fff;
    box-shadow:1px 1px 5px 0px rgba(0,0,0,.1);
    display:none
}

.info-popup:after{
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #ccc transparent transparent transparent;
    position:absolute;
    bottom:-8px;
    left:50%;
    margin-left:-5px;
}

.qty-info{
    position:relative
}

.qty-info:hover .info-popup{
    display:block
}

.jump_to_page form{
    position:relative;
    bottom: 15px
}



/*** 

Product Detail 

***/

.review_summary{
    padding-bottom:20px
}

.inetpr_attributes{
    border-top:1px solid #d9d9d9;
    padding-top:10px;
    margin-top:20px
}

.inetpr_attributes, .inetpr_selection_detail{
    float:none;
    display:block;
    width:100%
}

.inetpr_select_by_attribute{
    padding-bottom:10px    
}

.inetpr_select_by_attribute:nth-child(2){
    border-bottom:1px solid #d9d9d9;
    padding-bottom:15px
}

.attribute_label{
    padding-right:10px
}

.product_detail select{
    border: 1px solid rgba(0,0,0,.2);
    border-radius:0;
}

.product_detail select:disabled{
    opacity: .5
}

.product_detail td{
    vertical-align:top
}

td.product-desc{
    padding-top:0
}

.product-description td{
    padding-left:0;
    border:0}

.partnumber{
    border-bottom:1px solid #fff;
    font-size:1.3em} 

.product-desc{
    font-size:1em} 

.vendor-info{
    border:1px solid #d9d9d9 !important;
    margin-bottom:25px;}

.vendor-info td{
    padding:2px 15px}  

.vendor-info tr:first-child td{
    padding-top:10px;}   

.vendor-info tr:nth-child(4) td{
    padding-bottom:10px;}     

.vendor-info p{
    font-size:1.1em !Important
}

.vendor-info .celltext span{
    color:#414141 !important;
    font-size:
}        

form[name=store_buy_single_1] table{
    border:0 !Important;
} 

form[name=store_buy_single_1] .product_price{
    color:#414141;
    font-size:1.5em;
    padding-bottom:0px;
    padding-top: 15px}

form[name=store_buy_single_1] .quantity_entry{
    width:40px;
    height:25px}
    
form[name=store_buy_single_1] .add_to_cart_button{
    position:relative;
    margin-top: 10px;
    margin-bottom:10px
    }   

form[name=store_buy_single_1] .button:disabled,
form[name=store_buy_single_1] .button:disabled:hover{
    opacity:.4;
    background-color:#bbb !important
}     

form[name=store_buy_single_1] .add_to_list_button{
    position:relative;
    }

.inetpr_attribute_form .inet_list_button{
    position:relative;
}   

.inetpr_attribute_form .inet_list_button select{
    position:absolute;
    left:135px;
    bottom:8px
}    

.product_form{
    margin-bottom: 30px;
    position:relative
}

.not-logged .product_detail .label,
.not-logged .product_detail .celldata,
.not-logged .product_detail br{
    display:none !important
}

.print-page{
    cursor: pointer;
    position:absolute;
    right:0;
    top:-10px;
    z-index:2;
    display:none;
}

.product-page .modal .col-sm-6 img{
        display:block;
        padding:5px;
        border:1px solid #ddd
    }

.modal-content{
    border:2px solid #3e384d;
    border-radius:0;
}    

.modal-header{
    background-color:#3e384d;
    color:#fff;
    font-size:2em
}



.boxy-inner input[type=text],
.boxy-inner textarea{
    border: 1px solid rgba(0,0,0,.2);
    width: 100%
}

.boxy-inner input[name="review[author]"]{
    margin-bottom: 15px
}

.boxy-inner input[type=submit],
.boxy-inner input[type=button]{
    border: 1px solid rgba(0,0,0,.2);
    margin-top: 15px
}

.product_form,
.product_form .product_price{
    text-align:left
}

.product_form td{
    display:block;
}

.product_form tr:nth-child(2) td{
    float:left;
    text-align: left;
    padding-right:5px}

.product_form tr:nth-child(2) input{
    position:relative;
    bottom: 3px
}

.product_form .button{
    margin-right:5px
}


.product_detail .label{
    padding: 0 ;
    padding-right: 5px;
    display: inline-block !important
} 

.product_detail .col-sm-6:first-child a{
    display:block;
    padding:5px;
    text-align:center;
    margin-bottom:30px
}

#rating_summary{
    display: block;
    padding-bottom: 5px
}

.review_summary a{
    display: block
}


.product-row td{
    display:block;
}

.product-row td td{
    display:table-cell
}

.product-images{
    padding-right:15px
}
  

/*** 

Shopping Cart 

***/
.st-head-row{
    background-color: rgba(0,0,0,.1);
    font-size: 1.2em;
    padding: 5px 10px
}

.st-head-row-main{
    display: none
}

.shopping-cart table img{
    max-width:50px
}

.coupon_code_entry{
    border: 1px solid rgba(0,0,0,.1);
    padding: 10px;
    margin: 20px 0
}

.coupon_code_entry td:nth-child(3) p{
    width:370px;
    padding-bottom:30px
}

.coupon_code_entry input[type=text]{
    margin:0 !important
}

.stacktable{
    margin-bottom: 10px
}

button.coupon_remove_button{
    display:block;
    margin-top:5px
}

#shopping-cart .cart-lookup td{
    vertical-align:top !important
}
#shopping-cart form[name=quicklookup]{
    margin-top:-10px;
    margin-bottom:15px
}

#shopping-cart form[name=quicklookup] strong{
    display:block;
    font-size:1.3em}

#shopping-cart form[name=quicklookup] .textbox{
    height:25px;
    width:160px}

#shopping-cart form[name=quicklookup] .go_button{
    position:absolute;
    left:165px;}    

#shopping-cart .list_container{
    font-size:.85em;}

#shopping-cart .list_container p,
.cart-confirm .list_container p{
   font-size:.85em;
   line-height:1.3em;
    word-break: break-all;
    white-space: normal;
    padding:5px 10px}    

#shopping-cart .list,
#shopping-cart .listodd,
.account-info .list,
.account-info .listodd,
.purchase-history .list,
.purchase-history .listodd,
.invoice-history .list,
.invoice-history .listodd,
#quickadd .list,
#quickadd .listodd,
form[name=store_update] .list,
form[name=store_update] .listodd,
#manage_shopping_lists .list,
#manage_shopping_lists .listodd,
.popup_body .list,
.popup_body .listodd,
.price-system .list,
.price-system .listodd{
    height:40px}

#shopping-cart p.listodd{
    border:0;
    height:auto;
    margin-top:5px}

#shopping-cart .celltext{
    font-size:1.3em;
    padding-top}   

#shopping-cart .celldata{
    padding-top:5px}         

#shopping-cart .listhighlight,
.cart-confirm .listhighlight,
.account-info .listhighlight,
.listhighlight{
    color:#414141;
    border:0;
    border-top:2px solid #eff0f0;
    background-image:none;
    background-color:transparent;
    font-size:1.9em;}   
   
#shopping-cart .listhighlight td,
.cart-confirm .listhighlight td{
    padding-top:5px}    

#shopping-cart .reference_entry,
#shopping-cart .po_number_entry{
    font-size:1.3em}

#shopping-cart img:first-child{
    max-width:40px}    

input[name=store_po],
input[name=store_reference]{
    height:25px;
    width:140px;
    margin-bottom:10px}

.cart-total .list:hover td:first-child, .cart-total .listodd:hover td:first-child{
    background-color: transparent;}  

.cart_update_button{
    border:0;
    background-color:transparent !important;
    color:#0078b0 !important;
   }       

.cart_save_to_list{
    border-top:2px solid #eff0f0;
    padding:20px 0;}

.cart_save_to_list strong{
    display:block;
}     

.cart_save_to_list .go_button{
    display:block;
    font-size:1em;
    position:relative;
    left:0;
    top:0;
    margin-top:10px
   }         


/*** 

Checkout 

***/

.faded{
    opacity:.5
}

.store_checkout_address_step .inet_user_form tr:nth-child(12){
    display:none
}

.store_checkout_address_step .inet_user_form div table{
    margin-top:10px
}

.checkout-enter-shipping-address .groupbox{
    border-bottom:1px solid #d9d9d9;
    padding-bottom:20px
}

.store_checkout_address_step .title{
    font-weight:bold;
    font-size:1.3em
}

.store_checkout_address_step form:nth-child(3) td{
    vertical-align:middle;
}

.store_checkout_address_step #skip_account{
    margin-right:5px;
}

.store_checkout_address_step form:nth-child(3) .inet_user_form div table{
    margin-top:20px
}

.store_checkout_address_step form:nth-child(3) .cellhighlight{
    font-weight:bold;
}

.store_checkout_address_step form:nth-child(3) td input,
.store_checkout_address_step form:nth-child(3) select{
    margin-left:0;
    margin-top:10px
}



.not-logged .store_checkout_address_step #store_pickup{
    position:relative;
    top:9px
}

.logged-in .store_checkout_address_step #store_pickup,
.logged-in .store_checkout_address_step #manually_enter_address,
.logged-in .store_checkout_address_step #select_from_address{
    position:relative;
    top:3px
}

.store_checkout_address_step form:nth-child(3) td:nth-child(1){
    min-width:150px
}

.store_checkout_address_step .checkout_step_actions{
    margin-top:20px
}


#checkout_position {
    border-bottom:2px solid #b4b5b6;
   margin-top:10px;
   width:100%;
   padding-bottom:40px;
   }

#checkout_position .checkout_step{
    border-bottom:3px solid #fff;
    color:#b6b6b6;
    text-align:center;
    background-image:none !Important;
    background-color:#eff0f0 !important;
    padding:10px !Important;
    position:relative;
    width:100%;
    line-height:1.2
}

@media (min-width: 768px){
    #checkout_position .checkout_step{
        float: left;
        width: 25%;
        border-right:3px solid #fff;
        border-bottom: none
    }
}


#checkout_position .checkout_step:nth-child(4){
    border-right:0}

#checkout_position .active_step{
    background-color:#cfcfcf !important; 
    color:#414141;
    }   

#checkout_position .complete_step{
    color:#414141 !important}

span.message{
    text-transform:none;
    font-weight:400;
    font-size:.9em}  

#checkout_position .checkout_step .step-number{
    display:block;
    background-color:#b6b6b6;
    color:#fff;
    border-radius:50%;
    width:23px;
    padding-top:2px;
    position:absolute;
    bottom:-11px;
    left:50%;
    margin-left:-10px}     

#checkout_position .checkout_step.active_step .step-number,
#checkout_position .checkout_step.complete_step .step-number{
    background-color:#414141}     

.shipping_method{
    font-weight:bold;
}

.shipping_price{
    font-weight:400;
    border-bottom:1px solid rgba(0,0,0,.06)
}

.store_checkout_address_step .address_entry_pickup{
    display:none
}

.view_rates{
    margin-top:10px
}

#shipping_options .message{
    margin:0
}

.checkout-customer-info{
    margin-top: 20px
}

.checkout-customer-info h4{
    font-weight: bold
}

.checkout-customer-info .col-sm-6{
    margin-bottom: 10px
}

/*** 

Review & Payment 

***/


.sold-to strong:first-child{
    font-size:1.4em;
    display:inline-block;
    border-bottom:2px solid #eff0f0;
    margin-bottom:5px;
    margin-top:15px;
    padding-bottom:5px;
    width:200px}  
 
.po-row{
     border-top:2px solid #eff0f0;}

.po-row td{
    padding-top:5px}    

.checkout-review-payment .list,.checkout-review-payment .listodd{
    height:40px} 

.cart-total .list,
.cart-total  .listodd{
    height:10px;
    padding:0;
    border:0;
    font-size:1.2em}

#radio_database,
#radio_manual,
#radio_pickup{
    float:left;
}    

#select_from_address,
#manually_enter_address,
#store_pickup{
    margin-right:10px;
    padding-left:20px;
    display:block;
    line-height:1.2;
    margin-bottom:20px} 

.address_entry_manual td,
.address_entry_database td{
    display:block
}

.address_entry_database td{
    margin-bottom:20px
}

.address_entry_manual td input[type=text]{
    margin:0 !important
}

#address_info{
    padding:15px 5px}

#checkout_payment_options:after{
    content:"";
    display:table;
    clear:both;
}    

.checkout_payment_option{
   float:right;
   margin:10px 0 50px 5px;
   position:relative;
   right:10px
}

.checkout-review-payment .listhighlight td{
    padding-top:10px
}
          

/*** 

Login Screen 

***/

/*
.login .column:nth-child(2){
    display:none;
}
*/

.sign_up_page .forgot_password,
.sign_up_page .ar_access_application{
    position:relative;
    bottom:0;
}

.sign_up_page .ar_access_application{
    display: none
}

.forgot-password .gradient-heading h2.title,
#request_account_page .gradient-heading h2.title{
    margin:0;
    float:left;
    padding:12px 15px;
    padding-right:50px}  

.forgot-password form td{
    padding:10px 0;
   }    

.forgot-password form td,
#request_account_page form td{
     display:block;
     font-size:1em}


.login form input[type=text],
.login form input[type=password],
.reset-password input.textbox{
    margin-left:10px;
    margin-top: 10px;
    font-size:1em;
    background-color:#fff !Important;
    border:1px solid #ccc}

.login dir{
    padding:0} 

#new-customer-applications ul{
    padding:0 15px
}    

#request_account_page table{
    width:100%
}

#request_account_page form input[type=text],
#request_account_page form input[type=password],
#request_account_page form input[type=email]{
    margin-top:0;
    margin-left:0;
    width:100%
}


/***

 Forgot password 

 ***/

.forgot-password .gradient-heading,
#request_account_page .gradient-heading {
   margin-top:30px
}    

.forgot-password p,
#request_account_page p{
/*     font-size:1.2em */
}

#request_account_page{
    padding-bottom:30px;
}

.apply-for-account .col-md-5{
    padding:0
}

/*** 

Account Info 

***/

.account-info .search_button{
    margin-top:10px;
    position:relative;
    left:60px
}

.account-information #inet_column_container, 
.account-history #inet_ar_form{
    padding-top: 30px
}

.column{
    float:none !Important;
    margin-bottom:30px;
    width:100% !Important
}

/*** 

Account History

***/

.account-history #inet_ar_form table table{
    margin-right: 20px
}

.account-history #inet_ar_form table table td{
    padding-bottom: 10px}  

.account-history #inet_ar_form input[type=text],
.account-history #inet_ar_form .formbox,
.account-history #inet_ar_form select{
    margin-left: 10px;
    margin-top: 10px   
}

.mobile .account-history #inet_ar_form table td,
.mobile .order-status #inet_ar_form table td{
    display:block;
    padding:0
}  

.mobile .account-history #inet_ar_form input[type=text],
.mobile .account-history #inet_ar_form .formbox,
.mobile .account-history #inet_ar_form select,

.mobile .order-status #inet_ar_form input[type=text],
.mobile .order-status #inet_ar_form .formbox,
.mobile .order-status #inet_ar_form select{
    margin-left: 0px;
    margin-top: 0px ;
    margin-bottom:10px;
    border:1px solid #ddd;
    width:100%  
}

.mobile .table_format_options td{
    padding-bottom:20px !Important ;
}


/*** 

My Settings 

***/

.my-settings strong{
    font-size:1.4em}

.my-settings td{
    padding-bottom:10px}   
     

/*** 

Contact Accounting 

***/

/* .contact_form tr:nth-child(1) td{
    display:block;} */

.contact_form textarea{
    width:300px;}

.contact_form .cancel_button{
    position:relative;
    right:60px;}    

.contact-us td{
    padding-right:10px;
    display: block
}    

.contact-us form{
    margin-top: 20px
}

.contact-us input{
    margin-bottom: 10px
}


/*** 

Purchase History 

***/

.purchase-history #inet_ar_form td,
.invoice-history #inet_ar_form td{
    padding-bottom:5px}

.purchase-history .add_to_cart_button{
    position:relative;
    left:5px}

/*** 

Quick Add 

***/

#quickadd{
    margin-bottom:10px
}

#quickadd input{
    margin-top:0
}

.quick-add form p strong{
    border-top:1px solid #d9d9d9;
    display:block;
    padding-top:10px;
    margin-top:20px
}

#quickadd td:first-child{
    width:150px}

#quickadd td:nth-child(2){
    text-align:left;
    padding-left:15px}

#quickadd td:nth-child(2) input{
    width:50px}

input.button[type=file]{
    color:#414141;
    background-color:transparent}

.quickadd_import_button{
    margin-bottom:30px
}

/*** 

Default List 

***/

.view_shopping_list_header .celltext{
    padding-right:5px} 

button.list_update_button{
    background-color:transparent;
    color:#0078b0;
    padding:5px}       

button.list_update_button:hover{
    background-color:transparent;
    text-decoration:underline}


/*** 

Popup 

***/

.popup_body td{
    vertical-align:middle}

.popup_body .close_button{
    position:relative;
    right:10px}  

.popup_body .print_button{
    position:relative;
    left:90px}   

.popup_body form[name=emailinv]{
    position:relative;
    top:10px;
    left:10px}

.popup_body form[name=emailinv] img{
    position:relative;
    top:5px;
    margin-right:3px}             

.popup_body form[name=emailinv] .email_button{
    position:relative;
    left:5px}

.popup_body .listhighlight{
    border:0}

#comment_content .message{
    color:#3e384d
}

/*** 

Support 

***/

.support2{
    margin-bottom:20px}

.support2 td{
    padding:5px 0px;
    vertical-align:top}    


/*** 

Price System 

***/

p .save_button{
    font-size:1em}

.price-system .gradient-heading{
    margin-bottom:20px}

.price-system p a{
    margin-right:10px;
    padding-bottom:30px;}

.price-system .list td:nth-child(2),
.price-system .listodd td:nth-child(2){
    padding-left:15px}    

.price-system input[name=item_code],
.price-system input[name=item_markup]{
    margin-left:5px;
    margin-right:20px;
    margin-bottom:15px}

.price-system table.list_container{
    margin-bottom:20px}

div.list_container div{
    background-color:#eff0f0;;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:25px;
    padding-right:15px;}

div.list_container div:nth-child(3){
    position:relative;
    top:6px;
    padding-top:7px;
    padding-bottom:6px}  
 
 #cat_0,#cat_0 div{
      background-color:transparent;
      width:auto;
      top:0;
      padding:0;
      margin:0}  

#cat_0 {
    padding-top:1px !Important}


/** Customer Portal Page **/
.no-js .quick-links div,
.mobile .quick-links div{
    margin-bottom:20px;
    border:1px solid #ddd;
}

.no-js .quick-links:after{
    content:"";
    display:table;
}
.no-js .quick-links h3{
    padding-left:20px;
}

.no-js .quick-links .btn{
    margin-left:20px;
    margin-bottom:20px
}

.no-js .quick-links p{
    max-width:80%;
    padding-left:20px
}

/***

Green Roofs Page

***/

#banner{
    margin-bottom: 15px
}

.green-roofs img,
.bachman-s-hardscapes img,
.about-us #output img,
.product-images .product_image,
.recent_product img,
#output img{
    margin-bottom:20px;
    border:1px solid #ccc;
    display:block;
    padding:5px
}   

.nursery-discount-program #output img{
    display:inline-block;
    border:none;
    padding:0
}

img.alignright,
img.alignleft{
    margin:auto;
}

.green-roofs #output .col-md-8,
.bachman-s-hardscapes #output .col-md-8{
    padding-bottom:20px
}

.green-roofs #output .col-md-4 h4,
.bachman-s-hardscapes #output .col-md-4 h4{
    padding-bottom: 10px
}  

.green-roofs #output .col-md-4 p,
.bachman-s-hardscapes #output .col-md-4 p{
    font-size: .9em
}

/*** 

Hardscapes Page

***/


/***

About Us Page

***/

.panel-primary{
    border:1px solid #5b5077  
}

.panel-primary > .panel-heading{
 background-color:#5b5077;
 border-bottom:1px solid #5b5077   
}

.panel-heading{
    font-size: 1.2em
}

/***

New/Featured Products

***/

.new-product{
    padding-bottom:20px
}

.new-product img{
    display:block;
    margin:auto;
}

.new-product ul{
    padding:0 15px;
    font-size:.9em
}


/***

News/Events 

***/

.news-post{
    border-bottom:1px solid #d9d9d9;
    padding-bottom:10px
}

.news-post:last-child{
    border:0;
}

.news-post .panel{
    border:0;
}

.news-post .panel-body{
    padding:10px 0;
    border:0 !Important
}

.news-post .panel-heading{
    background-color: transparent;
    padding:0;
    color:#704871;
    
}

.no-js .location{
    border-bottom:1px solid #ddd;
    padding-bottom:20px
}

#loading,#landing-loading{
    height:40px;
    background-image:url(../images/loading.gif);
    background-repeat:no-repeat;
    background-position:center;
    margin-top:20px;
}

#landing-loading{
    margin-bottom:30px
}

.form-load{
    background-size: 20px 20px;
    margin-top:0;
    width:20px;
    height:20px;
    position:relative;
    left:140px;
    bottom:55px
}

/****

Apply for account

****/
#ajax-contact label{
    display:block
}

#ajax-contact input[type=text],
#ajax-contact textarea{
    margin:0;
    width: 100%;
    max-width:450px
}

#ajax-contact .field{
    margin-bottom:15px
}

#ajax-contact .authorized_user label{
    display:inline-block;
    margin-right:5px
}

#ajax-contact .authorized_user input[type=text]{
    width:auto;
    margin-right:10px;
    max-width:135px
}

button.close,
button.close:hover{
    color:#fff;
    opacity:1;
    font-size:1.2em
}

button.close:hover{
    opacity:.5
}

.modal-footer{
    text-align:center;
    padding:10px
}


/**

Industry Links

**/
.industry-links table{
    width:100%
}

.industry-links tr{
    border-bottom:1px solid #d9d9d9;
}

.industry-links tr:last-child{
    border:none
}

.industry-links td{
    padding-top:20px;
    display:block;
    text-align:center
}

.industry-links td a{
    display:block;
}

.industry-links td:nth-child(2){
    padding-bottom:20px;
    padding-top:5px
}

.industry-links td img{
    max-width:175px;
    margin:auto;
    margin-bottom:0 !important
}


.panel-title a{
    display:block;
    position:relative;
    color:#5b5077
}

.panel-title a:hover,
.panel-title a:focus{
    text-decoration:none
}

.panel-title a:after{
    display:inline-block;
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    border-color: #5b5077 transparent transparent transparent;
    position:absolute;
    right: -5px;
    top: 5px
}

.panel-title a.collapsed:after{
    display:inline-block;
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 6px;
    border-color: transparent transparent transparent #5b5077;
    position:absolute;
    right: -5px;
    top: 5px
}

.plants-for-special-situations .panel-collapse ul{
    list-style:none;
    padding:0;
    font-size:.9em    
}

.plants-for-special-situations .panel-collapse strong{
    display:block;
    border-bottom:1px solid rgba(0,0,0,.2);
    color:#5b5077
}

.plants-for-special-situations .panel-collapse ul strong{
    border:none;
    color:#000
}

.plants-for-special-situations .panel-collapse h3{
    color:#9c8dc4
}

.panel-default>.panel-heading:hover{
    background-color:#eee
}

.plants-for-special-situations .panel-collapse table{
    width:100%;
}

.btn-special-situations{
    margin-top:20px
}

.btn-special-situations span{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #ffffff;
    display:inline-block;
    position:relative;
    top:1px;
    margin-left:5px
}

/*** 

User Administration

***/
.user-administration.login form input[type=text]{
    margin-top:0;
    margin-right:0px
}

.user-administration .go_button{
    position:relative;
    left:0;
    top:0;
    margin-right:10px
}


#content:after{
    display:block;
    content:"";
    clear:both
}

.gift_card_purchase_page .inet_user_form{
    border: 1px solid rgba(0,0,0,.1);
    padding: 0 15px 10px;
    margin-top: 20px
}

.gift_card_purchase_page .inet_user_form input{
    width: 100%;
    margin: 0 !important;
    height: 35px
}

.gift_card_purchase_page .inet_user_form input[name='to_name']{
    margin-bottom: 10px !important
}

.gift_card_purchase_page .inet_user_form textarea{
    width: 100%
}

.gift_card_cart_summary_title p{
    font-size: 1.5em
}

.gift_card_inet_cart_total{
    font-weight: bold;
    padding: 10px 0;
    display: block;
    border-top: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin: 10px 0
}

.check-egift-card-balance-page #output{
    margin-bottom:10px
}

#gift_card_lookup{
    border: 1px solid rgba(0,0,0,.1);
    padding: 15px
}


form[name=gift_card_lookup_form]{
    border: 1px solid rgba(0,0,0,.1);
    padding: 10px 10px 0;
    width: 100%;
   
}

form[name=gift_card_lookup_form] input{
    margin:0 !important
}

form[name=gift_card_lookup_form] button{
    position: relative;
    border: 1px solid rgba(0,0,0,.1);
    font-size: .8em
}

form[name=gift_card_lookup_form] .inet_middle{
    padding-left:4px
}

form[name=gift_card_lookup_form] .message{
    font-size: .9em
}

.payment_subtotals, .cart_total_line{
    background-color: #fff !Important;
    padding: 0 !important
}

.payment_subtotals tr{
    height:40px !important;
    border: none
}

.payment_subtotals tr td{
    font-size: 1.3em
}

.cart_total_line{
    padding-top: 10px !important
}

.checkout-graphics{
    margin-bottom:10px;
    padding-top:10px
}

.holiday-graphic{
        padding: 10px 0
    }

/*****

 Responsive Styles 

*****/
@media (max-width: 767px) {
  .modal-dialog { /* Edited classname 10/03/2014 */
    width: 100%;
  }
} 

@media (max-width:768px){
    .container{
    width:100%}    
}

@media (min-width:768px) and (max-width:992px){ 
    .navbar-form{
       /* margin-right:-25px; */
       /* top:9px !Important; */
    }
    .navbar-form .form-control{
       /* width:79px */
    }
}

@media (min-width:768px){  

    .modal-dialog { /* Edited classname 10/03/2014 */
    margin: 0;
    position: absolute;
    top: 15%;
    left: 50%;
    margin-left:-300px
    }

    header p{
        text-align:left;
    }

    .navbar-default .navbar-nav > li > a,
     .navbar-default .navbar-nav > li > a:hover{
        font-size:.83em;
        padding: 15px 8px; 
        border-bottom: 0
    }

    .navbar-default .navbar-nav > li:last-child > a{
        border-right: 0;
    }

    .hover > .dropdown-menu{
        display:block
    }

    .navbar .dropdown-menu .dropdown-menu{
       left:100%;
       top:-3px;
       border-radius:0;
       padding:0;
       border-left:0
     }

    .login-button{
        text-align:right;
        margin-bottom:10px
    }   

    .logo{
        margin-left:0
    }

    .social{
        text-align:right;
    }      

    .no-js .home-link{
        width:50%;
        float:left;
    }

    .no-js .quick-links div{
    width:48%;
    float:left;
    margin:1%;
    margin-bottom:20px;
    border:1px solid #ddd;
    }

    img.alignright{
    float:right;
    margin-left:20px
    }

    img.alignleft{
    float:left;
    margin-right:20px
    }

    .special-banner{
    background: url('../images/special-banner-bg-right.gif') right no-repeat,
                url('../images/special-banner-bg-left.gif') left no-repeat;
    }
  
    .column{
        float:left !important;
        width:50% !Important
    }
      
    .navbar .container-fluid,.navbar-collapse{
    padding-left:0}

    .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{
    background-image:url(images/nav-arrow.gif);
    background-repeat:no-repeat;
    background-position:bottom}

    #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
    left: auto;} 

    .navbar-form{
    margin-top:5px;
    margin-bottom: 10px} 

    .search-btn{
    top:0px;}

    .gradient-heading{
    height:38px;
    overflow:hidden}

    .gradient-heading h2.title,
    .featured-header h3{
    padding:10px;
    padding-top:4px;
    padding-right:45px;
    background-image:url(images/title-bg.gif);
    background-repeat:no-repeat;
    background-position:right top;}

    .contact-us td{
    padding-top: 15px;
    padding-right:10px;
    display: table-cell
    }   

    .about-us .panel-primary img,
    .plants-landscape-stock .panel-primary img{
    float:left;
    margin-right:20px;
    border:1px solid #ddd; 
    padding:5px
    }

    .product-row td{
    display:table-cell;
    }

    .no-js .recent_product{
    width:25%;
    float:left
    }  

    .industry-links td{
    display:table-cell;
    text-align:left;
    padding-bottom:20px
    }

     .cart{
    float:right;
    font-size: .9em
    } 


    #footer .container{
        width:720px
    }

    .sub-categories{
        text-align:center;
    }


    .cat-list-item{
        display:inline-block;
        float:none;
        vertical-align:top;
    }
    
    .stacktable.large-only{
        display: table
    }

    .stacktable.small-only{
        display: none
    }

    .checkout-graphics{
        float: left;
        padding-right:10px
    }

    

}

@media (min-width:992px){
    .before,.after{
        display:block
    }   

    .phonefax {
    left:30px; 
    text-align: left;}

    #switch_status{
    text-align:right;}

   .cart{
       font-size: 1em
   }

    .navbar-form{
    margin-right:-2px;
    position:relative;
    left: 0px;
    margin-top:8px;
    margin-bottom:10px}

    .navbar-default .navbar-nav > li > a,
    .navbar-default .navbar-nav > li > a:hover{
        font-size:1em;
        padding: 15px 1em
    }

    .hours{
    padding-left:65px;} 

    .shipping,.hours,
    .shipping-detail{
    margin-left:0px;
    margin-right:0px}

    #featured-items .col-md-19{
    padding-right:15px} 

/*     #request_account_page form td{
        display: table-cell
    } */

    .recent_product{
        margin-bottom:0
    }

    #request_account_page form input[type=text],
    #request_account_page form input[type=email]{
        margin-left: 0px;
        width:100%;
        max-width:450px
    }

    #footer .container{
        width:940px
    }
    
    #menubox a{
        font-size: 1em;
        padding: 0
    }
}

@media (min-width: 1170px){

    .home .navbar-form{
    display: block
    }

}

@media (min-width:1200px){
  .container{width:970px} 

  #footer .container{width:940px}
}    


/*** 

Special Mobile-Only Styles

***/

.mobile .main-content{
    padding-top:0
}

.category_list_M{
    margin-top:20px
}


.mobile .home-links a:after{
    display:none
}

.mobile .navbar{
    margin-bottom:20px
}

.mobile input.form-control{
    left:10px !Important;
    position:relative;
}

.mobile #content{
    padding-bottom:10px
}

.mobile .contact-us .title_box,
.mobile .about-us .title_box{
    margin-bottom:20px
}

.mobile .menu{
    margin-top:0px
}

.mobile .menu h2{
    font-size:1.3em;
    margin-top:0
}

.mobile .logo{
    max-width:200px;
    margin-bottom:10px
}

.mobile .quick-links{
    padding-top:0
}

.mobile .quick-links div{
    margin: 10px
}

.mobile .quick-links div .btn{
    margin-bottom:10px
}



.mobile .cart-lookup td,
.mobile #shopping-cart table:nth-child(6) td {
    display: block;
    margin: 0px !important
}

.mobile .cart-lookup td td,
.mobile #shopping-cart table:nth-child(6) td td{
    display: table-cell;
}

.mobile #shopping-cart table:nth-child(6) td {
    border-top: 2px solid #eff0f0   
}

.mobile #shopping-cart table:nth-child(6) td td{
    border-top: 0 
}


.mobile .title_span{
    font-size:1.4em
}

.home .mobile-links,
.mobile.home .cart{
    display:none;
}

.mobile-links{
    font-size: .75em;
    padding-bottom:20px ;
    padding-top:10px   
}

.mobile-links{
    position: absolute;
    z-index:10;
    left: 10px;
    top: 32px
}

 .mobile-links a{
     font-size:1.5em;
     padding:0 5px;     
}

.mobile .cart{
    width:200px;
    margin-bottom:10px;
    padding-left:0px !Important;
}

.mobile .list,
.mobile .listodd{
    height: 40px
}

.mobile .purchase-history table:nth-child(1) td,
.mobile .invoice-history table:nth-child(1) td{
    display: block

}

.mobile .purchase-history table:nth-child(1) td td{
    border: 0
    }

.mobile .user-admin .go_button{
    position: relative;
    left: 4px;
    top:0;
    margin-right: 15px
}    

.mobile .advanced-search table td{
    display: block;
    font-size: .8em    
}

.mobile .advanced-search input{
    margin-right:5px
}

.mobile .contact-ar-department table td,
.mobile .sold-to td,
.mobile .po-row td{
   display: block
}

.mobile .contact_form .cancel_button{
    right:0;
    bottom: 29px
}

.mobile #checkout_position{
    margin-bottom: 80px
}

.mobile .checkout_step{
    height:90px; 
}


.mobile .po-row td td{
    display: table-cell
}

.mobile .cart-total td{
    display: block;
    text-align: right;
    padding:0
}

.mobile .cart-total p{
    padding-right:0
}

.mobile .product td{
    display:block
}

.mobile .partnumber{
    padding-top:20px
}

.mobile .special-banner h3{
    display:block;
    font-size:1em
}

.mobile .special-banner p{
    font-size:1em
}

.mobile form[name=store_buy_single_1]{
}

.mobile form[name=store_buy_single_1] table{
    width:100%
}

.mobile form[name=store_buy_single_1] .product_price{
    padding:0;
    padding-bottom:5px;
    padding-top:10px
}

.mobile form[name=store_buy_single_1] .add_to_cart_button,
.mobile form[name=store_buy_single_1] .add_to_list_button{
    display:block;
    width:90%;
    margin:10px auto;
}

.mobile form[name=store_buy_single_1] .add_to_cart_button{
    margin-top:20px
}

.mobile form[name=store_buy_single_1] .inet_list_button{
    margin:auto;
    display:block;
    text-align:center
}    

.mobile #nav a {
    padding:8px 7px;
    padding-bottom:7px;
    border-bottom:3px solid #fff;
}    

.mobile .producttable .product{
    border-top:2px solid #eff0f0;
    padding:10px 0;
}

.mobile .producttable .product:after,
.mobile #cat_0:after{
    content:"";
    display:table;
    clear:both;
}

.mobile .producttable .product_thumbnail{
    float:left;
    border: 0;
}

.mobile .producttable .product_thumbnail img{
    width: 60px;
}

.mobile .producttable .product_link,
.mobile .producttable .product_price{
    padding-left: 80px;
    font-size: .9em
}

.mobile #recently_viewed .recent_product{
    width: 50%;
    float:left;
}

.mobile .featured_category_container td{
    display: block;
    width: 100%
}

.mobile .featured_category_container .product_image{
    margin-top: 10px
}

.mobile .featured_category_container .featuredprice{
    bottom: 65px
}

.mobile .featuredcard .add_to_cart_button{
    left:0px !important
}

.mobile .featuredcard .add_to_list_button{
    left: 95px !important
}

.mobile .breadcrumb{
    padding-left:0;
    font-size:.75em;
    margin-bottom:0px !important
}

.mobile .product_image{
    margin-bottom:0
}

.mobile .module{
    padding:0
}

.mobile .category_container a{
    padding: 10px 0;
    border-top:2px solid #eff0f0;
    display: block
}

.mobile .category_container:last-child{
    border-bottom:2px solid #eff0f0;
}

.mobile div.list_container div{
    max-width: 100% 
}

.mobile #cat_0:before{
   content:"";
   display:table;
}

.mobile #cat_0 div.price-cat{
    max-width:150px !important;
}

.mobile div.list_container div:nth-child(3){
    background-color: transparent;
    position: relative;
    left: 145px;
    top:23px;
}

.mobile div.list_container #cat_0 div:nth-child(3){
    left:0;
}

.mobile .price-system .save_button{
    float:right;
    position:relative;
    bottom: 25px
}

.mobile #footer .row:first-child p{
    border-bottom:1px solid #ddd;
    padding-top:20px;
    padding-bottom:20px
}

.mobile #footer p{
    max-width:96%;
    margin:auto;
    margin-bottom:10px
}

.mobile .foot-nav ul{
    list-style:none;
    padding:0;
}

.mobile #customer_info{
    background-color:#ddd;
    font-size:.75em;
    padding:1px 0 10px
}

.mobile-subnav{
    list-style:none;
    padding:0;
    border-top:1px solid rgba(255,255,255,.1);
    margin:0
}

.mobile-subnav a{
    display:block;
    color:#fff;
    padding:8px 0
}

.mobile .form-group{
    position:relative;
    right:15px
}

.mobile input[type=text],
.mobile input[type=password],
.mobile input[type=email],
.mobile input.textbox{
    margin:0 !Important;
    border:1px solid #ddd;
    width:100%;
}

.mobile input.textbox{
    margin:10px;
}

.mobile #request_account_page form table{
    width:100%
}

.mobile #request_account_page form td{
    padding-bottom:0;
    width:100%;
}

.mobile #inetpr_no_member_selected{
    padding-bottom:20px;
    display:block
}


/**
Print-only styles
**/
@media print {
    a[href]:after {
    content: none;
    }

    .logo{
        float:left;
        margin-right: 20px;
        margin-bottom: 20px;
        width:150px
    }

    header p{
        text-align:left
    }
    
    .login-button,
    .cart,
    #nav,
    .product_form,
    #recently_viewed,
    #footer,
    #menubox,
    .special-banner,
    .page_button,
    .breadcrumbs,
    .product_detail .label,
    .product_detail .celldata,
    .product_detail br,
    .product_detail strike,
    .product-page #content,
    .modal .btn,
    .product-page .logo{
        display:none !important;
    }

 
    .modal{
        margin:0;
        width:8in
    }

    .modal-content{
        width: 7in;
        border:3px solid #3e384d
    }

    .modal-content table{
    width:280px;
    }

    .modal-content .container-fluid .row .col-sm-6 table,
    .modal-content .container-fluid .row .col-sm-6 table tr,
    .modal-content .container-fluid .row .col-sm-6 table tr td
    {
        max-width: 150px !important
    }

    .modal-content .container-fluid .row .col-sm-6 table tr td p{
        max-width:140px !Important;
    }

    .modal-content .container-fluid .row .col-sm-6 table tr td{
        border:1px solid #ddd;
        vertical-align: top;
        padding:10px 10px 0
    }


     .product-page .modal .modal-header h4{
         color:#3e384d !important;
         text-align:center
     }

    .product-page .modal .col-sm-6{
        width:50%;
        float:left;
    }

    .product-page .modal .col-sm-6 img,
    .product-page .modal .col-sm-6 p{
        width:290px;
        font-size:10pt
    }

    .product-page .modal .col-sm-6 p{
        padding-bottom:10px
    }

    .product-page .modal .col-sm-6 strong{
        color:#9c8dc4 !important
    }    

  
    .product-page .modal .col-sm-6 img{
        display:block;
        padding:5px;
        border:1px solid #ddd
    }

    .plant-data{
        border:1px solid #d9d9d9;
        padding:10px
    }

    .plant-data p:last-child{
        border:0
    }

    .product-images img.product_image{
        width:180px !Important
    }

    header p{
        position:relative;
        bottom: 20px;
        font-size:8pt;
        text-align:right
    }

    .title_box{
        margin-bottom:10px
    }

    .title_span{
        font-size:1.5em
    }
}


#rating_summary{
    width: 120px
}


.tooltip{
    background-color: #fff;
    box-shadow:0 1px 5px rgba(0,0,0,.2);
    padding: 10px;
}

.expanded_rating_summary{
    display: none !important
}



/*** Mobile Menu Update ***/


.mobile-menu .dropdown-menu{
    position: fixed !important;
    top: -0px !important;
    left:-6000px !important;
    z-index: 500 !important;
    width: 90% !important;
    height: 100% !important;
    display: block !important;
    float: none !important;
    border-radius: 0;
    transition: left .5s;
    border: 0 
}


.mobile-menu .dropdown-menu.open{
    left:0 !important;
    overflow-y:scroll;
    overflow-x:hidden;
    -webkit-overflow-scrolling: touch;
}

.mobile-menu .dropdown-menu.open .open{
    background-color: #fff
}

.mobile-menu .dropdown-menu.open a.close{
    float: none;
    position: relative;
    padding: 5px 10px;
    display: block;
    opacity: 1;
    background-color: transparent;
    border-bottom:1px solid rgba(0,0,0,.2)
}

.mobile-menu .dropdown-menu .close span{
    position:absolute;
    right: 15px;
    top: 8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10.5px 12px 10.5px 0;
    border-color: transparent #707070 transparent transparent;
    font-size: 0
}


.mobile-menu .dropdown-menu > li > a,
.mobile-menu .dropdown-menu .dropdown-menu > li > a{
    padding: 15px 10px;
    font-size: 1em;
    border-bottom:1px solid rgba(0,0,0,.2);
    color: #000 !important
}

#overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    z-index: 200
}


.sign_up_mode_form .generic_box, .sign_up_page .generic_box{
    height: auto
}

#password_tips{
    position: absolute;
    right: 23px;
    top: 230px
}

@media (min-width:768px){
    #password_tips{
        right: 0;
        top: auto
    }
}

.mobile-home{
    float: left;
    height: 50px;
    width: 50px;
    text-align: center;

}

.mobile-home img{
    width: 30px;
    position: relative;
    top: 10px
}