#home-featured-area {width: 800px;height: 320px;background: url(/home-images/Mega44RL-Featured-Banner-BG.jpg) no-repeat top center #cecece;padding: 15px;}
#home-featured-left { width: 420px;height: 320px;float:left;}
@media screen and (max-width:768px) {
	#home-featured-area { width: 100%;height: auto;background: url(/home-images/Mega44RL-Featured-Banner-BG-V2.jpg) no-repeat top center #cecece;padding: 0px; }
	#home-featured-left {
	    padding-top: 280px;
	    width: 380px;
	    height: auto;
	    float: none;
	    margin: auto;
	}
}


.logo img { width: 345px; height: 67px; max-width: 345px; max-height: 67px; }
#product-note, #itmExtraText { width: 40%; float: right; text-align: center !important; color:#5A8A22; clear: right; }
#product-note a { color:#5A8A22; text-decoration:underline; }
#itmExtraText { margin-top:10px; }
#itmExtraTextCont img {  width:150px; height:auto; }
#itmExtraTextCont h3 { font-size:18px; margin-top: 10px; margin-bottom: 2px; }
.left-image { float:left; width: 200px; margin-right: 20px; }
#relCells .lstDiv a img { max-width: 180px; }
@media screen and (max-width:500px){
	.left-image { float:none; width: 100%; margin-right: 0px;	margin-bottom: 20px;	}
}
@media screen and (max-width:767px) { 
	#product-note, #itmExtraText { 	width: 100% !important; }
}











html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0px; padding: 0px; touch-action: manipulation; }
body {  }
body { margin: 0px; padding: 0px; background-color: #f3f3f3; text-align: center; color: #333; font-family: 'Lato', Arial, Helvetica, sans-serif; font-size: 13px; background: #f3f3f3;}
body { font: normal 13px/1.4em 'Lato', Arial, Helvetica, sans-serif; color: #333}
div, td, p, li, select, input, textfield, a {font: normal 13px/1.4em 'Lato', Arial, Helvetica, sans-serif; color: #333}
p { margin: 0 0 1em 0;}

img {border-style:none;  }

input, textarea, select { vertical-align:middle;  }
form, fieldset { margin: 0; padding: 0; border-style:none; color: #545454;}
blockquote { margin: 0; padding: 0; }
input.input, input.inputreq {border: solid #D7D8D9 1px; padding: 2px; margin: 3px 0px; }
select {border: solid #D7D8D9 1px;}


a { color: royalblue; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; outline: 0;  outline: none;}
a:hover {text-decoration:underline;  color: #666666;}
a:focus { outline: thin dotted }
a:hover, a:active { outline: 0 }
a.mailtoLink {color: #719933; font-weight: bold; }


.none, div.none, li.none {display: none}
.block  {display: block}
.inline {display: inline}
#server_commands {position: absolute; left: -2000px; width: 200px; top: -40px; height: 1px;}


i.fa {font-size: 12px; line-height: 1em; padding-right: 10px; }
i.green_icon22 {color: #5A8A22; }



#outerwrapper {width: 100%; margin: 0px auto; padding: 0px 0px; text-align: left; background-color: #F2F3F4;}
#innerwrapper {width: 100%; margin: 0px 0px; padding: 0px 0px;  text-align: left; background-color: #F2F3F4;}
#div__header  {width: 100%; margin: 0px auto 0px auto; padding: 0px 0px; background-color: #FFFFFF;}
#div__body 	  {max-width: 1100px; margin: 0px auto 0px auto; padding: 20px 0px 20px 0px; text-align: center; background-color: #F2F3F4;}
#div__footer  {width: 100%; margin: 0px 0px; padding: 0px 0px 0px; background-color: #F2F3F4;  }


ZZ::selection { background: #5c8727; color: #fff; }
ZZ::-webkit-selection { background: #5c8727; color: #fff; }
ZZ::-moz-selection { background: #5c8727; color: #fff; }



/* Swipe 2 required styles */
.swipe {   overflow: hidden; visibility: hidden; position: relative;}
.swipe-wrap {  overflow: hidden;  position: relative;}
.swipe-wrap > div {  float:left;  width:100%;  position: relative;}



/* tool tips css
a.tipp {display: inline-block; margin-left: 3px; margin-top: -3px; font-size: 11px; line-height: 1em; font-weight: normal; color: #AAAAAA; position: relative; z-index: 2; text-decoration: none; font-style: normal; text-align: center; vertical-align: middle;  text-decoration: none; }
a.tipp {border: solid #CCCCCC 1px; border-radius: 12px; width: 16px; height: 16px; padding: 1px 3px 3px 3px; }
a.tipp:hover {z-index: 3; text-decoration: none}
@media screen and (max-width:840px) { 
	a.tipp { padding: 0px 12px 5px 2px; border: solid #FFFFFF 1px; font-size: 15px; text-decoration: none; color: #999999; }
}
 */

#tooltip { text-align: center; color: #333333; background: #F0F0F0; background: #FFF; position: absolute; z-index: 100; padding: 15px; }

/* triangle decoration */
#tooltip:after { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #F0F0F0; content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -10px; }
#tooltip.top:after { border-top-color: transparent; border-bottom: 10px solid #F0F0F0; top: -20px; bottom: auto; }
#tooltip.left:after { left: 10px; margin: 0; }
#tooltip.right:after { right: 10px; left: auto; margin: 0; }












/* ******  HEADER ******* */

#header { margin: 0px; padding: 0px; background: #fff; min-height: 126px; }
.head_top { margin: 15px 0 19px; padding: 0px; }
.head_call_text12 {  font-size: 13px; font-weight: normal; color: #000; }
.head_call_text12 a { text-decoration: none; color: #000; }
.head_call_text12 a:hover { text-decoration: none; color: #5e8829; }
.head_call_text12 strong { font-weight: 600; color: #5e8829; }
.head_call_text12 strong s {font-style: normal; text-decoration: none }
.head_call_text12 i { color: #a3a3a3; margin-right: 5px; }

.head_nav_sm { margin: 0px; padding: 0px; text-align: right; }
.head_nav_sm ul { margin: 0px; padding: 0px; }
.head_nav_sm ul li { list-style-type: none; display: inline; padding: 0 10px; }
.head_nav_sm ul li a { text-decoration: none;  font-size: 12px; font-weight: normal; color: #000; }
.head_nav_sm ul li a strong { font-weight: 600; color: #5c8727; }
.head_nav_sm ul li a i { color: #a3a3a3; font-size: 16px; margin-left: 5px; }
.head_nav_sm ul li a i:hover, .head_nav_sm ul li a:hover { color: #5c8727; }

.head_main_area { margin: 0px; padding: 0px; margin-bottom: 1%;}
.logo { margin: 0px; padding: 0px; }
ZZ.logo_right { text-align: right; margin: 0px 0 0; }
ZZ.logo_right img { margin-left:20px; max-height: 65px;}

.logo_second_right { text-align: right; margin: 0px 0 0; }
.logo_second_right img { margin-left:0px; }



/*  new for 2020 in header */
div.head_catchline { background: url(/c.889942/site/recycling/images/catchline_bg.gif) repeat-x; text-align: center; padding: 0 20px; margin: 20px 10px 0 10px; }
div.head_catchline span { padding-left: 3px; font-size: 15px; font-weight: normal; color: #515151; text-align: center; background: #fff; display: inline-block; margin: -20px 0 0; width: calc(100% - 100px)}
div.head_catchline img { margin-left: 5px; width: 100%; max-width: 60px; float: right; margin: -3px 8px 0 3px;}


a#createEstimateBtn {color: #FFFFFF; width: 160px; padding: 6px 7px;  border-radius: 4px; font-size: 14px; font-weight: 700; display: block; text-align: center; border-radius: 6px; margin: 0 0 0 auto; background-color: #ffa700; border: solid #df9100 1px; cursor: pointer}
a#createEstimateBtn:hover { text-decoration: none; background-color: #e19200; }
#createEstimateDiv {display: none; position: absolute; width: 240px; padding: 5px; background-color: #FFFFFF; right: 0; top: 35px; border: solid #CCC 1px; z-index: 100; line-height: 1.5em; }	
#createEstimateDiv b {display:block; text-align: center; padding: 3px 3px 6px 3px; }
#createEstimateDiv.showw {display: block; }
a#createEstimateBtn {display: none; }


#hdrLinks {text-align: right; }
#hdrLinks.logIN .logOUT, #hdrLinks.logOUT .logIN {display: none; }
#hdrLinks a {padding-left: 6px; color: #333333; }
#hdrLinks.logOUT a {}

#hdrCart span {display: inline-block; width: 40px; background-image: url(/img/icon-cart-estimate.png); background-size: contain; background-position: center bottom; background-repeat: no-repeat; text-align: center; padding: 0 0 3px 0; }
#hdrCart i { }


/* mini-cart extras */
#hdrLinks #miniCart {width: 260px;}
#hdrLinks #miniCartCont {width: 260px;}
#hdrLinks #miniTable {width: 260px; }
#hdrLinks #miniTable  div#miniInCart {}
#hdrLinks #miniTable  div#miniSubDiv {padding-left: 15px; }
#hdrLinks #miniTable td.miniDesc h3 a {font-size: 12px; font-weight: bold; }
#hdrLinks #miniCartBott {padding-top: 15px; border-top: dotted #ccc 1px}
#hdrLinks #miniCartBott a.miniViewCart {color: #333; font-weight: normal; font-size: 12px; margin-right: 10px; 
text-decoration: none;
background-image: none;
background-color: #c8c8c9;
background-image: -webkit-gradient(linear, left top, left bottom, from(#a9a9ab), to(#e7e7e8));
background-image: -webkit-linear-gradient(top, #a9a9ab, #e7e7e8);
background-image: -moz-linear-gradient(top, #a9a9ab, #e7e7e8);
background-image: -ms-linear-gradient(top, #a9a9ab, #e7e7e8);
background-image: linear-gradient(top, #a9a9ab, #e7e7e8);
}
#hdrLinks #miniCartBott a.miniViewCart:hover {
background-color: #e7e7e8;
background-image: -webkit-gradient(linear, left top, left bottom, from(#e7e7e8), to(#e7e7e8));
background-image: -webkit-linear-gradient(top, #e7e7e8, #e7e7e8);
background-image: -moz-linear-gradient(top, #e7e7e8, #e7e7e8);
background-image: -ms-linear-gradient(top, #e7e7e8, #e7e7e8);
background-image: linear-gradient(top, #e7e7e8, #e7e7e8);
}
#hdrLinks #miniCartBott a.miniCheckout { color: #FFF; font-weight: normal; font-size: 12px; 
background-color: #f69632;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffa03e), to(#ee8c27));
background-image: -webkit-linear-gradient(top, #ffa03e, #ee8c27);
background-image: -moz-linear-gradient(top, #ffa03e, #ee8c27);
background-image: -ms-linear-gradient(top, #ffa03e, #ee8c27);
background-image: linear-gradient(top, #ffa03e, #ee8c27);
}
#hdrLinks #miniCartBott a.miniCheckout:hover {
background-color: #ee8c27;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ee8c27), to(#ee8c27));
background-image: -webkit-linear-gradient(top, #ee8c27, #ee8c27);
background-image: -moz-linear-gradient(top, #ee8c27, #ee8c27);
background-image: -ms-linear-gradient(top, #ee8c27, #ee8c27);
background-image: linear-gradient(top, #ee8c27, #ee8c27);
} 



/* custom nav style start */
#div__header nav.navbar.navbar-default {margin-bottom: 0px; }
.navbar-default { background-color: #5c8727; border-color: #5c8727; border-radius:0px; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color: #82af3a; color: #fff; }
.navbar-nav > li > a { padding: 15px 14px; }/* navv link padding */
.navbar-default .navbar-nav > li > a {  font-size: 15px; font-weight: 500; color: #fff; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { background-color: #82af3a; color: #fff; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #82af3a; color: #fff; }
.navbar-default .navbar-toggle { border-color: #82af3a; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #82af3a; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: #82af3a; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #fff; }

.navbar-default .dropdown-menu { background: #fff; border-radius: 0px; border: 1px solid #82af3a; font-size: 16px;}
.navbar-default .dropdown-menu div > li {width: 100%; }
.navbar-default .dropdown-menu div > li > a {width: 100%; color: #000; padding: 10px 20px; }
.navbar-default .dropdown-menu div > li > a:hover, .dropdown-menu div > li > a:focus { background-color: #82af3a; color: #000; }

.navbar-default .dropdown-menu div { float: left;}
.navbar-default .dropdown-menu {  min-width: 160px;}
.navbar-default .dropdown-menu_mini {  min-width: 120px;}
.navbar-default .dropdown-menu_med { min-width: 190px;}
.navbar-default .dropdown-menu_wide { min-width: 370px;}
.navbar-default .dropdown-menu_xwide { min-width: 400px;}
.navbar-default .dropdown-menu div > li > a {  display: block;}
.navbar-default .dropdown-menu div > li > a:hover {text-decoration: none; }
.navbar-default .dropdown-menu div > li > a > img { max-height: 49px !important; vertical-align: middle; max-width: 31px !important; margin-right: 2px;}
.navbar-default .dropdown:hover .dropdown-menu {  display: block; margin-top: 0; }

nav.navbar.navbar-default div#navbar.navbar-collapse {padding-right: 0; padding-left: 0}
nav.navbar.navbar-default > div.container > div#navbar.navbar-collapse.collapse {visibility: visible; }
/*custom nav style end*/



#hdrSearchSpace {width: 160px; }
#hdrSearchDiv {position: relative;  }
#hdrSearchCont {position: absolute; top: 10px; right: 2px; width: 154px; height: 30px; padding: 2px; border: solid #999 1px; border-radius: 5px;  background: #FFF}
#hdrSearchCont form {}
#hdrSearchCont table {}
#hdrSearchCont td.inputTD {padding-top: 2px; }
#hdrSearchCont td input.input {padding: 1px 2px; font-size: 12px; color: #808080; background: #FFF; border-color: #FFF; width: 120px; margin: 0px 2px 0px 2px;}
#hdrSearchCont {}
#hdrSearchCont td.butnTD {}
#hdrSearchCont td.butnTD a {display: inline-block; width: 22px; height: 26px; margin: 2px 0 0 0; }
#hdrSearchCont td.butnTD a img {width: 22px; height: 20px; background-image: url(/img/search-btn.png)}
#hdrSearchCont td.butnTD a:hover {}
#hdrSearchCont td.butnTD a:hover img {background-position: left bottom; }





.call_to_action { margin:0px; padding:0px; }
.call_to_action h3 { margin:15px 0px;  font-size: 18px; font-weight: 500; color: #000; }
.#5A8A22_icon22 { font-size:22px; color:#5c8727; margin-right:10px; }
.home_left_part { margin:0px; padding:0px; }
.home_sr_left { margin:0px; padding:0px; position:relative; overflow:hidden; }
.icon_form_group { position:relative; }
.icon_form_group i { position:absolute; z-index:1; right:10px; top:12px; cursor:pointer; color:#5c8727; font-size:15px; }
.featured_product_home_box { margin:0px; padding:0px; }
.call_featured_product_home_box { background:#fff; border-radius:4px; box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1); text-align:center; padding: 15px 0px; }
.call_featured_product_inner_box { background:#fff; border-radius:4px; box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1); text-align:center; padding: 15px 11px; }
.featured_product_home_img {height: 170px; }
.featured_product_home_img img { display:inline-block; width: auto; max-height: 168px; }
.featured_product_home_title h3 {  font-size: 15px; font-weight: 600; color: #000; margin:15px 5px; }
.featured_product_home_price {  font-size: 15px; font-weight: 500; color: #000; }

.resource_center_area { margin:0px; padding:0px; }
.resource_center_area ul { margin:0px; padding:0px; }
.resource_center_area ul li { list-style-type:none; line-height:30px; }
.resource_center_area ul li a { text-decoration:none;  font-size: 13px; font-weight: 500; color: #000; transition:all ease 0.5s; }
.resource_center_area ul li a:hover { color: #5c8727; padding-left:10px; transition:all ease 0.5s; }
.resource_center_area ul li a i { font-size:18px; color: #5c8727; margin-right:10px; }




















/* ******  LEFT SIDE TD ******* */
#leftTD {display: none;  text-align: left; padding: 0px;   }
#leftDiv {display: none; }

h4 i.fa {font-size: 16px; line-height: 1em; padding-right: 10px; }



/* ******  CONTENT TD ******* */
#contTD {width: 100%}
#contDiv.container {margin: 0px; padding: 0px; }
#contTable {width: 100%}





/* ******  HOME TEMPLATES ******* */
#featuredSlides {}
#featuredItem .lstDiv {display: inline-block; margin: 10px 30px 0px 0px; }
#featuredItem .lstDiv {width: 235px; height: 275px;  background-color: #DFE0E1; padding: 0px; border: solid #DFE0E1 1px;  position: relative; }
#featuredItem .lstDiv {border-color: #EEEFF0 #DDDEDF #D9DADB #DFE0E1; border-radius: 5px; }
#featuredItem .lstDiv a {display: block;  width: auto; height: 250px; margin: 5px; vertical-align: top; text-align: center; text-decoration: none; }
#featuredItem .lstDiv a .lstImgDiv {height: 200px; width: 100%; overflow: hidden;  text-align: center;}
#featuredItem .lstDiv a img { -webkit-opacity:1.0; opacity: 1.0;  max-height: 200px; max-width: 200px; margin: 0px auto;}
#featuredItem .lstDiv a h3 { font-weight: 500; font-size: 14px; line-height: 1.4em; margin: 4px 0px 0px 0px; color: #598A1F; height: auto; }
#featuredItem .lstDiv a .lstPrice { color: #333; margin: 4px 0px 0px 0px;  font-weight: 400; font-size: 13px;  }
#featuredItem .lstDiv a:hover {text-decoration: none;}
#featuredItem .lstDiv a:hover img { -webkit-opacity: 1.0; opacity: 1.0;  }
#featuredItem .lstDiv a:hover h3 { text-decoration: underline; }
#featuredItem .lstDiv a:hover .lstPrice {  text-decoration: none;}

#homeHelp {}
#homeHelp h4 {margin: 10px 0 15px 0}
#homeHelp h4 i {}
#homeHelp a {display: block; margin: 8px 0}
#homeHelp a i {color: #5A8A22; }
#homeHelp a:hover {}
#homeHelp a:hover i {color: #5A8A22; }

iframe#form_news.form_news {}
iframe#form_news.form_news html {}
iframe#form_news.form_news body {margin: 0px; }
iframe#form_news.form_news body .container h1 {display: none; }
iframe#form_news.form_news {}
iframe#form_news.form_news {}

#catsDiv .catDiv {display: inline-block; margin: 20px 20px 0px 0px; }
#catsDiv .rowend {margin: 20px 0px 0px 0px; }
#catsDiv .catDiv {width: 180px; height: 240px;  background-color: #FFFFFF; padding: 0px; border: solid #DFE0E1 1px;  position: relative; }
#catsDiv .catDiv {border-color: #EEEFF0 #DDDEDF #D9DADB #DFE0E1; border-radius: 5px; vertical-align: top;}
#catsDiv .catDiv a {display: block;  width: 160px; height: 235px; margin: 10px; vertical-align: top; text-align: center; text-decoration: none; }
#catsDiv .catDiv a .catImgDiv {height: 180px; width: 160px; overflow: hidden;   }
#catsDiv .catDiv a img { -webkit-opacity:1.0; opacity: 1.0;  max-height: 170px; max-width: 160px        }
#catsDiv .catDiv a h3 { font-weight: 500; font-size: 14px; line-height: 1.3em; margin: 4px 0px 0px 0px; color: #598A1F; max-height: 35px; overflow-y: hidden;       }

#catsDiv .catDiv a:hover {text-decoration: none;}
#catsDiv .catDiv a:hover img { -webkit-opacity: 1.0; opacity: 1.0;  }
#catsDiv .catDiv a:hover h3 { text-decoration: underline; }


#cellsDiv.homeCells, #cellsDiv.owl-carousel {margin-left: 10px;   }

#cellsDiv .lstDiv.homeDiv {margin: 20px 15px 0px 0px; }
#cellsDiv .lstDiv.homeDiv {width: 170px; height: 210px;  background-color: #FFFFFF; padding: 0px; border: solid #DFE0E1 1px;  position: relative; }
#cellsDiv .lstDiv.homeDiv a {width: 160px; height: 190px; margin: 10px 5px; overflow: hidden; text-align: center; }
#cellsDiv .lstDiv.homeDiv a img { max-height: 190px; margin: 0px auto;}

























/* ****** Category List Layout *********** */
#catTD {width: 100%; padding: 0 0 0 15px;  } 
#catTop {width: 100%;  }
#catSlides {position: relative; z-index: 0; }
#catSlides {margin: 10px 20px 20px 0px; border-radius: 0px; padding: 0px;  width: 450px; height: 290px; }
#catSlides div, #catSlides img {max-height: 290px; text-align: center; }

#catInfo {}
#catTitle {margin: 0 0 ; color: #000; font-style: italic}
#catTitle.subTitle {margin: 0 0 0 0; color: #000; font-style: normal; font-size: 20px; }
#catDesc { margin: 20px 0 0 0px; }
#catDesc, #catDesc p {margin: 0 0 1em; font-size: 14px; line-height: 1.4; color: #000;}
#catCells, #cellsDiv {margin: 0 -15px 0 0; }
#catTable {margin: 0;}

#catCells .catTD { }
#cellsDiv .catDiv {display: inline-block; margin: 20px 36px 0px 0px; }
#cellsDiv .catDiv {width: 180px; height: 260px;  background-color: #FFFFFF; padding: 0px; border: solid #DFE0E1 1px;  position: relative; }
#cellsDiv .catDiv {border-color: #EEEFF0 #DDDEDF #D9DADB #DFE0E1; border-radius: 5px; vertical-align: top;}
#cellsDiv .catDiv a {display: block;  width: 160px; height: 260px; margin: 10px; vertical-align: top; text-align: center; text-decoration: none; }
#cellsDiv .catDiv a .catImgDiv {height: 180px; width: 160px; overflow: hidden;   }
#cellsDiv .catDiv a img { -webkit-opacity:1.0; opacity: 1.0;  max-height: 170px; max-width: 160px      }
#cellsDiv .catDiv a h3 { font-weight: 500; font-size: 14px; line-height: 1.3em; margin: 4px 0px 0px 0px; color: #598A1F; max-height: 55px; overflow-y: hidden;       }


#cellsDiv .catDiv a:hover {text-decoration: none;}
#cellsDiv .catDiv a:hover img { -webkit-opacity: 1.0; opacity: 1.0;  }
#cellsDiv .catDiv a:hover h3 { text-decoration: underline; }






#sliderDots { position: absolute; z-index: 2; text-align: center; width: 200px; height: 15px; color: black; bottom: -25px; left: 120px; }
#sliderDots a {display: inline-block; height: 13px; width: 13px; border: solid #CCCCCC 1px; background-color: #FFFFFF; border-radius: 10px; margin: 0px 3px; }
#sliderDots a.current {background-color: royalblue; border: solid royalblue 2px;}






/* ****** Item List Layout *********** */
#lstTD {width: 100%; padding: 0 0 0 15px } 
#lstTop {width: 100%;  }
#lstSlides {position: relative; z-index: 0; }
#lstSlides { margin: 10px 20px 20px 0px; border-radius: 0px; padding: 0px;  width: auto; height: auto; }
#lstSlides div, #lstSlides img {max-height: 290px; text-align: center; }

#lstInfo {width: calc(50% - 25px); }
#lstTitle {margin: 0 0 ; color: #000; font-style: italic}
#lstTitle.subTitle {margin: 20px 0 0 0; color: #000; font-style: normal; font-size: 20px; }
#lstDesc { margin: 20px 0 0 0px; }
#lstDesc, #lstDesc p {margin: 0 0 1em; font-size: 14px; line-height: 1.4; color: #000;}
#lstCells, #cellsDiv {margin: 0 -15px 0 0; }
#lstTable {margin: 0;}

#lstCells .lstTD { }
#cellsDiv .lstDiv {display: inline-block; margin: 20px 36px 0px 0px; }
#cellsDiv .lstDiv {width: 180px; height: 270px;  background-color: #FFFFFF; padding: 0px; border: solid #DFE0E1 1px;  position: relative; }
#cellsDiv .lstDiv {border-color: #EEEFF0 #DDDEDF #D9DADB #DFE0E1; border-radius: 5px; vertical-align: top;}
#cellsDiv .lstDiv a {display: block;  width: 160px; height: 250px; margin: 10px; vertical-align: top; text-align: center; text-decoration: none; }
#cellsDiv .lstDiv a .lstImgDiv {height: 180px; width: 160px; overflow: hidden;  }
#cellsDiv .lstDiv a img { -webkit-opacity:1.0; opacity: 1.0;  max-height: 170px; max-width: 160px}
#cellsDiv .lstDiv a h3 { font-weight: 500; font-size: 14px; line-height: 1.4em; margin: 4px 0px 0px 0px; color: #598A1F; height: 40px; overflow: hidden;}
#cellsDiv .lstDiv a .lstPrice { color: #333; margin: 4px 0px 0px 0px;  font-weight: 400; font-size: 13px;  }
#cellsDiv .lstDiv a:hover {text-decoration: none;}
#cellsDiv .lstDiv a:hover img { -webkit-opacity: 1.0; opacity: 1.0;  }
#cellsDiv .lstDiv a:hover h3 { text-decoration: underline; }
#cellsDiv .lstDiv a:hover .lstPrice {  text-decoration: none;}











/***** ITEM DETAIL TEMPLATE *****/
#itmTD {}
#itmDiv {background: #FFFFFF; padding-bottom: 30px;}


#imagesDiv {}
#imagesDiv {    margin: 0px auto 0px auto; text-align: center; z-index: 0;   }
#imagesDiv img {max-width: 430px; }
#imagesDiv div.swipeDiv {text-align: center; }
#imagesDiv div.swipeDiv img {margin: 0 auto; max-height: 500px; }

#itmThumbs {margin: 5px 0 0 5px; text-align: left; }
#itmThumbs a {width: 56px; height: 56px; text-align: center; vertical-align: middle; border: solid #D1D2D3 1px; margin: 10px 5px 0px 5px; padding: 3px; display: inline-block; }
#itmThumbs a img {max-width: 50px; max-height: 50px; }
#itmThumbs a.current, #galleryThumbs a.current {border: solid #5A8A22 1px;  }
#itmThumbs a.current img {  }
#itmThumbs a.none, #galleryThumbs a.none {display: none; }

#itmDots, #galleryDots {text-align: center; }
#itmDots a, #galleryDots a {text-decoration: none; color: #999999}
#itmDots a.current, #galleryDots a.current { color: #5A8A22}

#swipePrev, #swipeNext {position: absolute; top: 10px; height: 400px; width: 40px; left: 10px; text-align: center; padding-top: 200px; font-size: 34px; font-weight: bold; color: #CCCCCC; z-index: 100; background: none; }
#swipePrev::selection, #swipeNext::selection {background: none;}
#swipePrev {}
#swipePrev button {}
#swipeNext {left: 405px;}
#swipeNext button {}
#swipePrev.over, #swipeNext.over {background-image: url(/img/bk-popBackground3.png); color: #000000; }

#itmInfoDiv {}
#itmInfoDiv h1 {margin-bottom: 5px; }
#itmInfoDiv #itmItemid {}
#ratingsDiv {margin: 10px 0}

#itemFeatDesc {margin: 0px auto 12px 0px; }

#itmDetailDiv {background: #f2f3f4; padding: 20px; }
#itmOptionsDiv {width: 60%;   border-right: solid #DEDEDE 1px; }
#itmQtyPricing, #itmExtraText {width: 40%;   float: right;  text-align: center;  padding-left: 10px;  }
#itmQtyPricing h4 {text-align: center; margin: 0px auto 0px; font-size: 14px; font-weight: bold; color: #000000;}
#itmQtyPricing .qtyPriceTable {margin: 10px auto; width: 235px;  }
#itmQtyPricing .qtyPriceTable td {padding: 8px 5px; font-size: 12px;  }
#itmQtyPricing .qtyPriceTable td.qtytd {width: 40px; color: #5A8A22; }
#itmQtyPricing .qtyPriceTable td.prctd	{width: 95px; color: #000000;}
#itmQtyPricing .qtyPriceTable td.bdrtop {border-top: solid #DEDEDE 1px; }
#itmExtraText {}
#itmExtraTextCont {margin: 5px 10px 10px 15px; font-size: 12px; }
#itmExtraText h4 {margin: 0px auto 5px; font-size: 14px; font-weight: bold; color: #000000; }
#itmExtraText p {font-size: 12px; }
                                                                         
#itmOptions {margin: 0 20px 0 0;  }
#itmOptionsTable {width: 100%;                         }
#itmOptionsTable table {width: 100%;                  }
#itmOptionsTable table td a {font-weight: 300; }
#itmOptionsTable table td span {padding-top: 15px; }
#itmOptionsTable table td.smalltextnolink {width: 80px;       }
#itmOptionsTable table td span img.required_icon {display: none; }
#itmOptionsTable table td span.labelSpanEdit {width: 95%; padding-right: 10px; display: inline-block;        }
#itmOptionsTable table td span.labelSpanEdit, #itmOptions td span.labelSpanEdit a {text-decoration: none; color: #000; font-size: 13px; font-weight: bold; }
#itmOptions select {display: block;
margin-top: 15px; 
width: 100%;
height: 30px;
padding: 3px 6px;
font-size: 12px;
line-height: 1em;
color: rgb(85, 85, 85);
background-color: rgb(255, 255, 255);
background-image: none;
border: 1px solid rgb(204, 204, 204);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px inset;
box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px inset;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
float: left;
width: 100% !important;
max-width: 210px !important;
}


#itmQtyDiv {margin: 10px 0 0 0}
#itmQtyDiv span {text-decoration: none; color: #000; font-size: 13px; font-weight: bold; display: inline-block; text-align: right; width: 67px; padding-top: 5px; }
#itmQtyDiv input#itmQtyInpt {width: 55px; padding: 5px 10px; height: 34px; border: solid #D7D8D9 1px; border-radius: 3px; text-align: left; font-weight: normal; margin: 0px 5px 0px 22px; color: #808080; }
.itemprice  {font-weight: bold; color: #5A8A22; font-size: 16px; padding: 10px 0px 0px 90px; }


#itmAddDiv, #itmAddAllDiv, #addEstimateDiv, #addAllEstimateDiv  {padding: 10px 0px 0px 60px;}
#itmAddButn, #itmAddAllButn, #itmEstimateButn, #itmAddAllEstimateButn {color: #FFFFFF; width: 240px; padding: 7px 10px;  border-radius: 4px; font-size: 14px; font-weight: 700; display: inline-block; text-align: center; border: solid #969798 1px;  }
#itmAddButn, #itmAddAllButn { background-color: #5A8A22; }
#itmEstimateButn, #itmAddAllEstimateButn { background-color: #ffa700; border: solid #df9100 1px; cursor: pointer}

#itmAddButn:hover, #itmAddAllButn:hover, #itmEstimateButn:hover, #itmAddAllEstimateButn:hover {color: #FFFFFF; text-decoration: none; background-color: #f29e00; cursor: pointer}
#itmAddButn.added, #itmAddAllButn.added, #itmEstimateButn.added, #itmAddAllEstimateButn.added {color: #FFFFFF; color: #FFFFFF;  box-shadow: 0px 0px 5px #5A8A22; cursor: pointer}

div.itmOR {text-align: center; font-weight: bold; padding: 0 0 5px 0; max-width: 240px; margin: 0 auto 0 0;}
#itmAdditionalOptionsDiv div.itmOR {max-width: 100%; padding-top: 15px; }


/*** go to checkout buttons ***/
#itmAddDiv a.itmCheckout, 
#itmAddAllDiv a.itmCheckout, 
#itmAddAllDiv a#itmCheckoutButn2.itmCheckout,
#addEstimateDiv a#itmCheckoutButn3.itmCheckout, 
#addAllEstimateDiv a#itmCheckoutButn4.itmCheckout { padding: 10px; display: block; text-align: center; width: 240px; font-size: 14px; 
border-radius: 4px; margin: 10px auto 10px 0px; color: #FFF; font-weight: bold;  
background-color: #f69632;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffa03e), to(#ee8c27));
background-image: -webkit-linear-gradient(top, #ffa03e, #ee8c27);
background-image: -moz-linear-gradient(top, #ffa03e, #ee8c27);
background-image: -ms-linear-gradient(top, #ffa03e, #ee8c27);
background-image: linear-gradient(top, #ffa03e, #ee8c27);
}
#itmAddDiv a.itmCheckout:hover, 
#itmAddAllDiv a.itmCheckout:hover, 
#itmAddAllDiv a#itmCheckoutButn2.itmCheckout:hover, 
#addEstimateDiv a#itmCheckoutButn3.itmCheckout:hover,
#addAllEstimateDiv a#itmCheckoutButn4.itmCheckout:hover {
background-color: #ee8c27; text-decoration: none;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ee8c27), to(#ee8c27));
background-image: -webkit-linear-gradient(top, #ee8c27, #ee8c27);
background-image: -moz-linear-gradient(top, #ee8c27, #ee8c27);
background-image: -ms-linear-gradient(top, #ee8c27, #ee8c27);
background-image: linear-gradient(top, #ee8c27, #ee8c27);
} 
#itmAddAllDiv a#itmCheckoutButn2.itmCheckout {display: inline-block;  margin-left: 0px; }
#addAllEstimateDiv a#itmCheckoutButn4.itmCheckout {display: inline-block;  margin-left: 0px; }
/******/

#itmAdditionalOptionsDiv {width: 340px;float:left; }
#itmAdditionalOptionsDiv h4 {font-size: 14px; font-weight: bold; color: #000000; padding: 0 0 0 20px; margin: 15px 0 0 0}
#itmAdditionalOptionsDiv table {margin: 0 0 0 20px; width: 310px;  }
#itmAdditionalOptionsDiv table td {}
#itmAdditionalOptionsDiv table td.ck {padding: 8px 2px 2px 2px; width: 25px; }
#itmAdditionalOptionsDiv table td.nm {padding: 12px 2px 2px 2px; font-weight: bold; font-size: 12px; }
#itmAdditionalOptionsDiv table td.pc {padding: 12px 2px 2px 2px; width: 60px; font-weight: normal; font-size: 11px; }
/** matrix child options for addtional options **/
#itmAdditionalOptionsDiv table td.nm table {width: 90%;  margin-left: 0px; }
#itmAdditionalOptionsDiv table td.nm table td {  }
#itmAdditionalOptionsDiv table td.nm table td a,
#itmAdditionalOptionsDiv table td.nm table td a:hover {font-weight: 400; line-height: 1em; color: #333333;  font-size: 10px; text-decoration: none; }
#itmAdditionalOptionsDiv table td.nm table td span {padding-top: 2px; }
#itmAdditionalOptionsDiv table td.nm table td.smalltextnolink {width: 70px;       }
#itmAdditionalOptionsDiv table td.nm table td span img.required_icon {display: none; }
#itmAdditionalOptionsDiv table td.nm table td span.labelSpanEdit {width: 95%; padding-right: 10px; display: inline-block;        }
#itmAdditionalOptionsDiv table td.nm table td span.labelSpanEdit, #itmOptions td span.labelSpanEdit a {text-decoration: none; color: #000; font-size: 12px; font-weight: bold; }
#itmAdditionalOptionsDiv table td.nm select {display: block;
margin-top: 2px; 
width: 100%;
height: 20px;
padding: 2px 3px;
font-size: 12px;
line-height: 1em;
color: rgb(85, 85, 85);
background-color: rgb(255, 255, 255);
background-image: none;
border: 1px solid rgb(204, 204, 204);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px inset;
box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px inset;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
float: left;
width: 100% !important;
max-width: 170px !important;
}


#itmAdditionalOptionsDiv table td.nm span.tipps {display: inline-block;  font-weight: normal; margin-left: 3px;  color: white; background: #0C39AC; border: solid #0C39AC 1px; border-radius: 8px; line-height: 1em;  padding: 1px 4px;  font-size: 10px}

#itmAdditionalOptionsDiv table td {}
#itmAdditionalOptionsDiv table td .tipDiv {position: relative; z-index: 100; }
#itmAdditionalOptionsDiv table td .tipDivCont {position: absolute; top: -140px; width: 300px; padding: 10px; border: solid #DDD 1px; background: #FFFFFF; text-align: center; font-weight: bold; }
#itmAdditionalOptionsDiv table td .tipDivCont a.closeX {text-decoration: none; float: right; padding: 0px; font-weight: bold; color: #5A8A22; display: block; margin: -5px -5px 0 0; }
#itmAdditionalOptionsDiv table td .tipDivCont a.closeX:hover {text-decoration: none; color: #990000; }
#itmAdditionalOptionsDiv table td .tipDivCont img {max-width: 280px; margin-bottom: 5px; }
/******/




.greybuttonDiv { margin: 20px 0; padding:0px; }
.call_large_gray_button { margin:0px; padding:0px; }
.greybuttonDiv .btn-default { background:#f3f3f3; border:1px solid #dfdfdf; color:#5A8A22; font-weight:600; font-size:16px; }
.greybuttonDiv .btn-default i { font-size:20px; }
.greybuttonDiv .btn-default a {display: block; color:#5A8A22;  font-weight:600; font-size:16px; height: 22px; }
.greybuttonDiv.btn-group, .btn-group-vertical { width:100%; margin:0px 0 0; }
.greybuttonDiv .btn.btn-default.icon_lf { width:20%; }
.greybuttonDiv .btn.btn-default.text_rt { width:80%; }
.greybuttonDiv .btn-lg, .btn-group-lg > .btn { padding:13px 16px;  }
.greybuttonDiv.btn-over .btn-default {background:#CCCCCC; }
.greybuttonDiv.btn-over .btn.btn-default.icon_lf,
.greybuttonDiv.btn-over .btn.btn-default.text_rt {border:1px solid #CCCCCC; }
.greybuttonDiv.btn-over .btn-default a {text-decoration: none;  }



.colorbuttonDiv { margin: 20px 0; padding:0px; }
.call_large_gray_button { margin:0px; padding:0px; }
.colorbuttonDiv .btn-default { background:darkorange; border:1px solid green; color:white; font-weight:600; font-size:16px; }
.colorbuttonDiv .btn-default i { font-size:20px; }
.colorbuttonDiv .btn-default a {display: block; color:white;  font-weight:600; font-size:16px; height: 22px; }
.colorbuttonDiv.btn-group, .btn-group-vertical { width:100%; margin:0px 0 0; }
.colorbuttonDiv .btn.btn-default.icon_lf { width:20%; }
.colorbuttonDiv .btn.btn-default.text_rt { width:80%; }
.colorbuttonDiv .btn-lg, .btn-group-lg > .btn { padding:13px 16px;  }

.colorbuttonDiv.btn-over .btn-default {background:green; }
.colorbuttonDiv.btn-over .btn.btn-default.icon_lf,
.colorbuttonDiv.btn-over .btn.btn-default.text_rt {border:1px solid #green; }
.colorbuttonDiv.btn-over .btn-default a {text-decoration: none;  }


/**/
#itmSocial {padding: 20px 0px 0px 0px;}
#itmSocial a {}
#itmSocial a:hover {}	
	

div.hreview-aggregate {display: none}



#itmBottom { padding: 44px 0px 0px 0px; margin: 30px 10px 10px 10px; position: relative; z-index: 0}
#itmTabNavv { width: 100%;  height: 44px; margin: 0px; padding: 0px; }
#itmTabNavv { position: absolute; z-index: 1; top: 0px; left: 0px; }
#itmTabNavv a {display: inline-block; margin: 0px 2px 0px 0px; padding: 2px 5px 3px 5px; font-size: 16px; font-weight: normal; text-decoration: none;}
#itmTabNavv a {color: #696075; height: 44px; line-height: 44px;  text-align: center; width: 145px;   }
#itmTabNavv a {background-color: #E4E5E6;}
#itmTabNavv a#tabNavv2 {background-color: #5656a8;  color: white; }
#itmTabNavv a#tabNavv5 {background-color: orange; color: white; }
#itmTabNavv a:hover {background-color: #C4C5C6; text-decoration: none; }
#itmTabNavv a#tabNavv2:hover  { background-color: blue;  color: white;  }
#itmTabNavv a#tabNavv5:hover  { background-color: green; color: white;  }
#itmTabNavv a.current, #itmTabNavv a.current:hover {color: #696075; background-color: #5A8A22; padding: 3px 5px 3px 5px; color: #FFF; }
#itmTabNavv a#tabNavv2.current, #itmTabNavv a#tabNavv2.current:hover {background-color: blue; color: white;  }
#itmTabNavv a#tabNavv5.current, #itmTabNavv a#tabNavv5.current:hover {background-color: green; color: white;  }
#itmTabNavv a.hidden {display: none; }



#tabContentDiv {border: solid #E2E3E4 1px; border-width: 1px 1px 1px 1px;  position: relative; z-index: 0}
#tabContentDiv div.tabCont {display: block; padding: 30px;}
#tabContentDiv div.hide {display: none;}
#tabContentDiv div.tabCont h3 {font-size: 18px; padding: 0 0; font-weight: 700; margin: 5px 0 5px 0; }
#tabContentDiv div.tabCont h3#specTitle {margin-top: 30px; }
#tabContentDiv div.tabCont h4 {font-size: 18px; padding: 0 0 8px 0; border-bottom: solid #999 1px; font-weight: 300; margin: 0 0 16px 0; }
#tabContentDiv div.tabCont p, #tabContentDiv div.tabCont li {font-size: 16px; line-height: 1.4em}
#tabContentDiv div.tabCont img {}

#tabContentDiv div.tabCont {}
#tabContentDiv div.tabCont {}


#specTable {}
#specTable tr.none {display: none}
#specTable td {font-weight: 700; line-height: 1.5em;font-size: 14px; padding: 2px}
#specTable td span {font-weight: normal;line-height: 1.5em;font-size: 14px;}
#specTable td.title {text-align: right; padding-right: 10px; word-wrap: normal; }


#galleryLeftDiv {display: inline-block; width: 25%; vertical-align: top; margin: 0 10% 0 0; padding: 0}
#galleryLeftCont {} 
#galleryLeftCont img#portfolioImage {width: 100%}


#galleryRightDiv {display: inline-block; width: 64%; vertical-align: top; margin: 0; padding: 0}
#galleryRightCont {} 
#galleryRightCont a {
    display: block;
    width: 150px;
    margin: 0 10px 10px 0;
    border: solid #ccc 1px;
    float: left;
    height: 150px;
    text-align: center;
    padding: 10px;
}
#galleryRightCont a img {
    width: auto;
    height: 125px;
    max-width: 125px;
    max-height: 125px;
}
#galleryRightCont a:hover {border: solid green 1px;}
#galleryRightCont a:hover img {}

#galleryRightCont span {padding: 0 0 15px 0; display: block;}



#reviews {padding: 30px 15px 15px; }
textarea.rTextarea {padding: 5px; font-size: 13px; outline: none;}
div.op {padding: 1px 0 5px 0; }


/* ******  RELATED / UPSALE ITEMS ******* */
#relList {padding: 15px}
#relTitl {}
#relCellsDiv {}
#relCells {}
#relCells .lstTD { }
#relCells .lstDiv {display: inline-block; margin: 20px 30px 0px 0px; }
#relCells .lstDiv {width: 200px; height: 270px;  background-color: #FFFFFF; padding: 0px; border: solid #DFE0E1 1px;  position: relative; }
#relCells .lstDiv {border-color: #EEEFF0 #DDDEDF #D9DADB #DFE0E1; border-radius: 5px; vertical-align: top;}
#relCells .lstDiv a {display: block;  width: 180px; height: 250px; margin: 10px; vertical-align: top; text-align: center; text-decoration: none; }
#relCells .lstDiv a .lstImgDiv {height: 180px; width: 180px; overflow: hidden;  text-align: center;}
#relCells .lstDiv a img { -webkit-opacity:1.0; opacity: 1.0;  max-height: 170px; }
#relCells .lstDiv a h3 { font-weight: 500; font-size: 14px; line-height: 1.4em; margin: 4px 0px 0px 0px; color: #598A1F; height: 40px; }
#relCells .lstDiv a h3 span.mark, #relCells .lstDiv a h3 span.tipps {display: none; }
#relCells .lstDiv a .lstPrice { color: #333; margin: 4px 0px 0px 0px;  font-weight: 400; font-size: 13px;  }
#relCells .lstDiv a:hover {text-decoration: none;}
#relCells .lstDiv a:hover img { -webkit-opacity: 1.0; opacity: 1.0;  }
#relCells .lstDiv a:hover h3 { text-decoration: underline; }
#relCells .lstDiv a:hover .lstPrice {  text-decoration: none;}









/***** BLOG TAB & TEMPLATES *****/	
#blgCatTitle {padding-left: 15px;}
#blgCatCells {padding-left: 100px; padding-bottom: 30px;}
#blgCatTable {}
#blgCatTable td {width: 180px; }
#blgCatTable a {display: inline-block; text-align: center; border: solid green 1px; border-radius: 5px; background-color: #FFFFFF; color: #000}
#blgCatTable a {margin: 5px 15px 5px 0; padding: 10px; width: 180px; font-size: 14px;  text-decoration: none;}
#blgCatTable a:hover {background-color: #5c8727; color: #FFF; text-decoration: none; }

#cellsDiv.blog .lstTD {}
#cellsDiv.blog .lstDiv {width: 300px; height: 420px;  vertical-align: top; }
#cellsDiv.blog .lstDiv a {width: 280px; height: 94%; margin: 10px;  vertical-align: top;       overflow: hidden; }
#cellsDiv.blog .lstDiv a .lstImgDiv {margin: 5px auto; text-align: center;}	
#cellsDiv.blog .lstDiv  h3 {Zcolor: #598A1F }
#cellsDiv.blog .lstDiv  .lstDiv b {}
#cellsDiv.blog .lstDiv  .lstDiv span {}
.lstDiv .pubdate {float: left;}
.lstDiv .author { }
.lstDiv .blgDesc {text-align: left; color: #999999; padding-top: 10px;}
.lstDiv .blgDesc, .lstDiv .blgDesc p {}


#blogTD {padding-bottom: 20px;  background-color: #FFFFFF; }
#blogDiv {margin: 10px 20px; padding: 0; }
#blogDiv h1 {margin: 0px 50px 20px 0px; padding: 0px; font-size: 35px; }
#blogDiv h2 {}	
#blogDiv .h3, h3 {
    font-size: 24px;
line-height: auto;
}
#blogAuthor {color: #676767; }	
#blogDate {color: #676767; }
#blogImg {max-height: 350px;  float: left; margin: 0px 15px 15px 0px}
#blogDesc {}
#blogDesc, #blogDesc p {line-height: 1.6em; font-size: 18px; }


#relMsg {margin: 30px auto 8px 20px; padding: 0px; font-size: 14px; font-weight: bold;}
#relItmDiv {margin: 0px 50px 10px 20px; padding: 15px; border: solid #CCC 1px; }
#relItmTbl {}
#blgRelatedTD {}
#blgRelatedTD h3 { }
#blgCells { }

#blgRelatedTable {margin-top: 10px;}
#blgCells th {padding: 4px 4px; background: #FAFAFA; }
#blgCells .blgManuf {width: 200px;    }
#blgCells .blogItems {width: 200px; }
#blgCells .blogDesc {width: 300px;    }
#blgCells .blogPrice {width: 150px;   }
#blgCells .blogAdd {width: 200px;     }

#blgCells .blgRelatedTD {padding-top: 8px; padding-bottom: 8px; border-bottom: solid #CCC 1px; }	
.blgRelatedTD {}
.blgRelatedTD td { vertical-align: middle; text-align: center; }
.blgRelatedTD td.blgManuf {}
.blgRelatedTD td.blgManuf code {font-style: normal; font-family: Arial, Helvetica, sans-serif ; font-size: 10px}
.blgRelatedTD td.blgManuf code img {max-width: 100px; }
.blgRelatedTD td.blogItems {}
.blgRelatedTD td.blogItems a.blgLink {display: block; text-align: center;  text-decoration: none;}
.blgRelatedTD td.blogItems a.blgLink img {max-width: 150px;  text-decoration: none;}
.blgRelatedTD td.blogItems a.blgLink b {color: #333333; text-decoration: none; display: block; margin: 0px auto; }
.blgRelatedTD td.blogItems a.blgLink:hover b {color: #333333; text-decoration: underline; }
.blgRelatedTD td.blogDesc {}
.blgRelatedTD td.blogPrice { text-align: right;   color: #009900; font-weight: bold;}
.blgRelatedTD td.blogAdd {}
.blgRelatedTD .blogAdd input {width: 30px; margin-right: 10px; font-size: 12px; padding: 3px; text-align: center; }
.blgRelatedTD .blogAdd {}
.blgRelatedTD .blogAdd a { position: relative; top: 20px; border-radius: 6px; color: #fff; font-size: 12px; text-decoration: none; background: #cc0000; padding: 10px; width: 70px; }
.blgRelatedTD .blogAdd a:hover {background: #990000;}

.floatCaption {display: inline-block; float:right; margin: 0px 0px 12px 15px; }
.floatCaption img { }
.floatCaption div { margin: 0px; padding: 2px 3px 2px 9px; color: #000; text-align: center; font-style: italic; font-weight: bold; }


#blgArchiveCont a {
   display: block;
   text-align: center;
   padding: 5px;
   text-decoration: none;
   margin: 1px 0;
   color: #000;
   background: #999;
   transition: background .5s, color .5s;
   -webkit-transition: background .5s, color .5s;
   -o-transition: background .5s, color .5s;
   -moz-transition: background .5s, color .5s;
}

#blgArchiveCont a:hover {
   background: #cc0000;
   color: #fff;
   transition: background .5s, color .5s;
   -webkit-transition: background .5s, color .5s;
   -o-transition: background .5s, color .5s;
   -moz-transition: background .5s, color .5s;
}













/* ******  INFO ITEMS ******* */
#infTempl {width: 100%; padding: 10px 15px; background-color: #FFFFFF;}
#infTitl {margin: 0 0 0 0px;  }
#infDesc {margin: 0 0 0 5px;  }
#infDesc, #infDesc p {margin: 0 0 1em; font-size: 14px; line-height: 1.3; }

#infTempl h1 {margin: 5px 0px; color: #5A8A22; }
#infTempl h2 {margin: 5px 0px; }
#infTempl h3 {margin: 5px 0px; }


.faq_main_area { margin:0px; padding:0px; }
.call_faq_area { margin:0px; padding:0px; }
.call_faq_area .panel-default > .panel-heading {
  background-color: transparent;
  border-color: transparent;
  color: #5c8727;
}
.call_faq_area .panel-title {
  font-size: 22px;  font-family: 'Roboto', sans-serif;  font-weight:400;
}
.call_faq_area .panel-title span { color:#474646; width:20px; }
.call_faq_area .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #fff;
}
.call_faq_area .panel-body {
  padding: 5px 15px; 
}
.call_faq_area .panel-body h3 { margin:10px 0; font-family: 'Roboto', sans-serif; font-weight:400; font-size:22px; color:#000; }
.call_faq_area .panel-group .panel + .panel {
  margin-top: 0;
}

.call_faq_area .panel-body p { text-align:justify; font-size:13px; color:#000; line-height:22px; }

.call_faq_area .panel-group .panel {
  border-radius: 0px;
  margin-bottom: 0;
}
.call_faq_area .panel-default {
  border-color: transparent;
  border-bottom:1px solid #efefef;
}







/* content from old site - reconfigured */
#infTempl div.call_to_action h2, #infTempl div.call_to_action .green_text18 { font-size: 20px; line-height: 1.2em; color: #719933; font-weight: bold; }
#infTempl div.call_to_action h3 { font-size: 18px; line-height: 1.2em; color: #707070; font-weight: bold;  width: 75%; border-bottom: 1px #999 solid;  margin-top: 25px; }


/* purchase options */
#infTempl h1 {font-size: 30px;}
#infTempl h2 { font-size: 18px; line-height: 1.2em; color: #719933; font-weight: bold;  margin-bottom: 20px; }

#infTempl #infDesc div.paymentLeft  {display: inline-block; vertical-align: top; width: 49%; margin: 0; padding: 5px 10px 15px 0; border-top: solid #CCC 1px; }
#infTempl #infDesc div.paymentLeft h3 {font-size: 22px; }
#infTempl #infDesc div.paymentLeft span {}
#infTempl #infDesc div.paymentRight {display: inline-block; vertical-align: top; width: 43%; margin: 0 0 0 0; padding: 8px 3% 15px 4%; border-top: solid #CCC 1px;  }
#infTempl #infDesc div.paymentRight ul {}
#infTempl #infDesc div.paymentRight li {}
#infTempl #infDesc div.paymentRight td {padding: 3px 3px 2px 10px; }
#infTempl #infDesc div.paymentRight a {color: #5A8A22; text-decoration: none; }
#infTempl #infDesc div.paymentRight a:hover {text-decoration: underline; }
img.w9icon {width: 30px; margin-right: 10px; margin-left: 10px; }

/* customize */
#infTempl div.call_to_action #homeRightColumn {background-color: #F6F6F6; padding-top: 0px; padding-bottom: 20px; }
#infTempl div.call_to_action ul.list-feed {}
#infTempl div.call_to_action ul.list-feed li {margin-bottom: 15px}














/* ******  FOOTER ******* */
#footerDiv {}

#footer { background:#ECEDEE; border-top:1px solid #DEDEDF;  padding:20px 0 0; margin:30px 0 0; }
#footer_top { margin:0px; padding:0px; }
#footer_top li {list-style-type: none; list-style: none; list-style-image: none;}
#footer_top a {display: block; margin: 5px 0px; text-decoration:none;  font-size: 12px; font-weight: 500; color: #000; transition:all ease 0.5s; }
#footer_top a:hover { color: #5c8727; padding-left:5px; transition:all ease 0.5s; }
#footer_top h3 { margin:15px 0 10px;  font-size: 16px; font-weight: 600; color: #000;  }
#footer_top li a img {display: none; }

#footerDiv #footer2 {border-top:1px solid #DEDEDF; background:#ECEDEE;}
#footer_bottom {  padding: 12px 0; }

.social_area { margin:0px; padding:0px 0px 0px 15px; }
.social_area a i { background: transparent; border-radius: 100%; color: #5c8727; font-size: 16px; padding:0 5px; text-align: center; text-decoration: none; width: 30px; height: 30px; border:2px solid #5c8727; line-height:26px; }
.social_area a i:hover { background: #5c8727; border-radius: 100%; color: #fff; border:2px solid #5c8727; }

.footer_right_nav { margin:0px; padding:5px 0 0; text-align:right; }
.footer_right_nav a { text-decoration:none;  font-size: 11px; font-weight: 500; color: #000; transition:all ease 0.5s;  padding: 1px 6px; }
.footer_right_nav a:hover { color: #5c8727; transition:all ease 0.5s; }









.noDesktop {display: none; }



/***** SCREEN WIDTH CHANGES *****/

@media screen and (min-width:1200px) {
	div#div__body {}
	header#header {width: 1100px; margin: 0px auto;}
	div#div__body {width: 1100px; }
	
	/* overwrite bootstrap */
	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {max-width: 1100px; width: 1100px;}
	
	.navbar-header {display: none}
}

@media screen and (min-width:1080px) and (max-width:1200px) {
	div#div__body {}
	header#header {width: 1100px; margin: 0px auto;}
	div#div__body {width: 1100px;  }
		
	/* overwrite bootstrap */
	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {max-width: 1100px; width: 1100px;}
	.navbar-header {display: none}
}

@media screen and (max-width:1080px) {
	header#header  {width: 1000px; margin: 0px auto;}
	div#div__body  {width: 1000px; }
	#cellsDiv .lstDiv {display: inline-block; margin: 20px 10px 0px 0px; }
		
	/* overwrite bootstrap */
	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {max-width: 1000px; width: 1000px;}
	.navbar-header {display: none}
	
	.navbar-nav > li > a { padding: 15px 9px; }/* navv link padding */
}

@media screen and (max-width:990px) {
	header#header  {width: 990px; margin: 0px auto;}
	div#div__body  {width: 990px; }
	.navbar-nav > li > a { padding: 15px 8px; }/* navv link padding */
	
	/* overwrite bootstrap */
	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {max-width: 990px; width: 990px;}
	.navbar-header {display: none}
}

@media screen and (max-width:767px) {  /* iPhone 8 */

	.noDesktop {display: block; }
	.noHandheld {display: none; }
	header#header  {width: 100%; margin: 0px auto;}
	.head_call_text12 {text-align: center; }
	.head_call_text12 strong s {display: none }
	#div__header #hdrLinks {text-align: center; padding-top: 8px; }
	#div__header #hdrLinks a {padding-left: 4px;}
	#div__header #hdrLinks i, #div__header i.fa.fa-support {display:none;}
	.head_catchline { background: url(/img/spacer.gif) repeat-x; text-align: center; padding: 0 0px; margin: 10px 0 10px; }
.head_catchline span {  font-size: 12px; font-weight: normal; color: #515151; text-align: center; background: #fff; display: inline-block; margin: 0px 0 0; }
	div.logo_right {display: none; }
	#hdrSearchCont { top: -40px; left: 0px; width: 184px;}
	#hdrSearchCont td input.input {padding: 1px 2px; font-size: 12px;  width: 150px; border: solid #FFF 0px}
	nav.navbar.navbar-default div#navbar.navbar-collapse {padding-right: 0; padding-left: 15px}
	xxxnav.navbar.navbar-default > div.container > div#navbar.navbar-collapse.collapse {visibility: hidden; }
	
	.dropdown-menu {  min-width: 250px; max-width: 250px;  }
	.dropdown-menu_wide { min-width: 250px; width: 250px; max-width: 250px;   }
	#div__header .navbar-nav > li > a { padding: 15px 9px 15px 16px; }/* navv link padding */

	
	div#div__body  {width: 100%;}
	
	#footer_top {display: none}
	.footer_right_nav a { padding: 12px 6px; display: inline-block; margin-top: 5px; }
	
	
	/* overwrite item list & cell */
	#lstSlides {display: none; }
	#cellsDiv .lstDiv {margin: 15px 10px 0px 0px; width: 150px; height: 220px;}
	#cellsDiv .lstDiv a {width: 135px; height: 230px; margin: 7px; }
	#cellsDiv .lstDiv a .lstImgDiv {height: 140px;  width: 135px;  }
	#cellsDiv .lstDiv a img { max-height: 140px; }
	#cellsDiv .lstDiv a h3 { height: 38px;  }
	#cellsDiv .lstDiv a .lstPrice { }
	
	/* overwrite item detail */
	#imagesDiv {max-width: 320px}
	#itmOptionsDiv {width: 290px; border-right: solid #DEDEDE 0px;margin: auto;}
	#itmQtyPricing {width: 100%; float: inherit;  }
	#itmOptions select {max-width: 190px !important; }
	#itmAddButn {width: 190px; }
	
	
	div#galleryRightDiv div#galleryRightCont a {
	    display: inline-block;
	    margin: 0 10px 10px 0;
	    border: solid #ccc 1px;
	    width: 20%;
	    height: auto;
	    text-align: center;
	    padding: 2%;
	}
	div#galleryRightDiv div#galleryRightCont a img {
	    width: 20%;
	    height: auto;
	    max-width: 20%;
	    max-height: 100px;
	}
	
	
	
	
	
	

	#footerDiv .social_area, #footerDiv .footer_right_nav {padding-bottom: 5px; text-align: center; }
	

	/* overwrite bootstrap */
	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {max-width: 767px; width: 100%;}
	div.navbar-header {display: block}

	/* overwrite home cat and list cells */
	
	/* overwrite contact us forms */	
	div.content_left_contact,
	div.content_right_contact {float: none; width: 100%; }
	
	/* item details */
	#itmAddDiv, #itmAddAllDiv  {padding: 10px 0px 0px 10px;}

	#itmDetailDiv {padding: 10px 0px 20px; margin-left: -10px; width: 100%;}
	#itmDiv #tabCont1 img {max-width: 200px; }
	#itmTabNavv a {width: 75px;  font-size: 12px; font-weight:  normal }
	#itmTabNavv a#tabNavv2 {width: 60px; } 
	#itmTabNavv a#tabNavv3 {width: 60px; }
	#itmTabNavv a#tabNavv5 {width: 60px; }

	#itmDiv #tabNavv4, #itmDiv #tabCont4 { }  /* hide reviews display: none; */
	#tabContentDiv div.tabCont {display: block; padding: 10px;}
	#swipePrev, #swipeNext {display: none; }
	#imagesDiv img {max-width: 80%; }
	
	#itmDiv #itmAdditionalOptionsDiv {zwidth: 340px;  width: 290px;  margin: auto; float: none; margin-bottom: 20px; }
	#itmDiv #itmAdditionalOptionsDiv table {margin: 0 0 0 10px;  width: 180px; }
	#itmDiv #itmAdditionalOptionsDiv table td.nm select {max-width: 130px !important}
	div.greybuttonDiv.btn-group {width: 96%; }
	
	#relCells .lstTD {display: inline; }
	
	#galleryLeftDiv {display: block; width: 70%; vertical-align: top; margin: 0 14%; padding: 0}
	#galleryLeftDiv a img {}
	#galleryRightDiv {display: block; width: 100%; vertical-align: top; margin: 15px 0 0 0; padding: 0}
	#galleryRightDiv a {width: 125px; }

}

@media screen and (max-width:340px) { /* iPhone mini */
	.noDesktop {display: block; }
	.noHandheld {display: none; }
	.dropdown-menu_wide { min-width: 250px;}

	/* overwrite item list cell */
	#cellsDiv .lstDiv {margin: 15px 5px 0px 0px; width: 130px; height: 220px;}
	#cellsDiv .lstDiv a {width: 120px; height: 230px; margin: 5px; }
	#cellsDiv .lstDiv a .lstImgDiv {height: 140px;  width: 135px; }
	#cellsDiv .lstDiv a img { max-height: 140px; }
	#cellsDiv .lstDiv a h3 { height: 38px;  }
	#cellsDiv .lstDiv a .lstPrice {  }
	
	/* overwrite item detail */
	#imagesDiv {max-width: 290px; }
	#itmOptionsDiv {width: 100%; border-right: solid #DEDEDE 0px;}
	#itmQtyPricing {width: 100%; float: none;  } 
	#itmOptions select {max-width: 150px !important; }
	#itmAddDiv  {padding: 10px 0px 0px 25px;}
	#itmTabNavv a {width: 70px;  font-size: 12px; font-weight:  normal }
	#itmTabNavv a#tabNavv2 {width: 50px; } 
	#itmTabNavv a#tabNavv3 {width: 50px; }
	#itmTabNavv a#tabNavv5 {width: 60px; }
	
	#footerDiv .social_area, #footerDiv .footer_right_nav {padding-bottom: 5px; text-align: center; }

}