/* 
================================
Recycle Away Style Sheet 
by Peter Baldwin
www.recycleaway.com
================================
*/	


body {
  height: 100%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333;  /* DEFAULT FONT COLOR */
  background:#ddd;   /*: #e4eeef; ddeef6 */
  font-weight: normal;
}

div.content-page {
  margin: 0 0 0 8px;  /* CONTENT PADDING */
}

p {
	text-align: left;
}

a {
	color: #B76A27;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
  color: #DB802E;
  text-decoration: none;
}

a:hover {
  color: #7dad1d;
  text-decoration: none;
}

h1 {
	color:#222;
}

h3 {
	text-align: left;
}


#middle { /* MIDDLE PAGE CONTENT */
    /* border:2px solid #ff0000; */
   padding:0 6px 10px; 

}



table.product-description {
  width: 100%;
  text-align: left;
  background-color: white;
}

table.checkout-headers {
  display:none;
}

table.product-description td {
  border-width: 1px;
  padding: 1px;
  border-style: inset;
  border-color: gray;
  background-color: white;
  -moz-border-radius: ;
}

table.product-description th {
  font-weight: bold;
  color: black;
  background-color: #ddd;
  border-width: 1px;
  padding: 1px;
  border-style: inset;
  border-color: black;
  -moz-border-radius: ;
}

td {
  font-size: 10pt;
}

ul {
	text-align: left;
}

ul.product-description {
	text-align: justify;
}

.error {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #e10e04;
  text-decoration: none;
}

.rectangle {
  border: 2px solid #eb8932;
  border-radius: 6px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.rectangle:hover {
  border: 2px solid #7dad1d;
  border-radius: 6px;
  margin-top: 2px;
	box-shadow:0 5px 5px rgba(0,0,0,0.5); 
	-moz-box-shadow:0 5px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.5);
}


/*********** TOP NAV MENU ****************/

#nav-menu ul {
  list-style: none;
  font-family: Arial, Helvetica, sans-serif; 
  padding: 7px 0 6px 20px;
  margin: 0;
  color: white;
  background-color: #DB802E;  /* eb8932; */
}

#nav-menu li {
  margin: 0 8px 0 0;
  color: white;
  font-size: 15px;
  font-weight: normal;
  text-decoration: none;
  display: inline;
  
}

#nav-menu hr {
  width: 100%;
  text-align: center;
}

a.nav {
 padding:7px;
  color: white;
  font-size: 16px;
  text-decoration: none;
 
}

a.nav:hover {
  color: #000000;
  text-decoration: none;  /* underline; */
  background:#7dad1d;  /* ED892E; */
}

a.nav:visited {
  color: white;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
}

/**************** SIDE MENU ************************/
#menu1 {
	width: 180px;
	margin:0;
	padding:5px;
	z-index: 100;
	overflow: visible;
	border: 1px solid #eb8932;
	border-radius: 6px;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	box-shadow:0 5px 5px rgba(0,0,0,0.5);
	-moz-box-shadow:0 5px 5px rgba(0,0,0,0.5); 
	-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.5);
	background-color: #F2F2F2;
}

.menu { 
  padding: 0; 
  margin: 0 0 0 0; 
  list-style: none; 
  width: 180px;  /* 160 */
}

.menu a { font: normal 14px Helvetica, Arial; text-decoration: none; display: block; width: 180px; color: #111; }

.menu a:hover { color: white; }

.menu a span { display: block; padding: 2px; }



.menu li { 
   color: black; 
   background-color: #F2F2F2; 

   /* border: solid 1px #eb8932; 
   border-width: 0px 2px 1px 2px; */

   border-bottom:1px solid #DDD;
   position: relative; 
   display: block; 
   width: 180px; 
   vertical-align: bottom; 
   
}

/*ul.menu > li:first-child, ul.menu ul > li:first-child {
   border-top-width: 4px; 
   border-top-left-radius: 6px; 
   border-top-right-radius: 6px; 
}

ul.menu > li:last-child, ul.menu ul > li:last-child {
   border-bottom-width: 4px; 
   border-bottom-left-radius: 6px; 
   border-bottom-right-radius: 6px; 
 }
*/
.menu li:hover { background-color: #DB802E; color: white; }
.menu li.promo { background-color: #eb8932; color: black; font-weight: bold; }
.menu li.promo:hover { background-color: #7dad1d; color: white; width:180px; }
.menu a.promo { background-color: #F2F2F2; color: #7dad1d; font-weight: bold; }
.menu a.promo:hover { background-color: #7dad1d; color: white; font-weight: bold; }
.promo a:hover { background-color: #7dad1d; color: white; width:180px; }
.promo a:link { background-color: #F2F2F2; color: #7dad1d; font-weight: bold; }

 .menu ul {
	border: 1px solid #eb8932;
	border-radius: 10px;
    -moz-border-radius: 10px ;
    -webkit-border-radius: 10px ;
	box-shadow:0 5px 5px rgba(0,0,0,0.5);
	-moz-box-shadow:0 5px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.5);
	visibility: hidden;
	width: 220px;
	height: auto;
	overflow: hidden;
	position: absolute;
	top: -10px;
	left: 180px;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 101;
	background-color: #F2F2F2;
}   

.menu li ul li, .menu li ul li a { width: 220px; }

.menu .stub { 
  background: url(/assets/new/arrow_light.gif) no-repeat right center;   /* images/arrow.gif */
  
}

#mailing_list { padding: 10px; font: normal 14px Helvetica, Arial; }

#mailing_list input { 
            height: 25px; 
            width:135px;
}

#mailing_list .txtBoxStyle {
            height: 20px;
            width:135px;
}

/****** TUMBLR *************/

.tumblr_post {
  width: 512px;
}

li.tumblr_post {
  list-style-type: none;
  margin-bottom: 48px;
  clear: both;
}

.tumblr_posts {
}

.tumblr_posts blockquote {
  padding-left: 8px;
  margin-left: 8px;
  border-left: 4px solid #eb8932;
}

.tumblr_link_post .tumblr_link {
  font-size: 16pt;
  color: #eb8932;
  font-weight: bold;
}

.tumblr_title {
  font-size: 16pt;
  color: #eb8932;
  font-weight: bold;
}

.tumblr_body img {
}

.read_more_container {
}

.read_more_container a {
}

.tumblr_quote {
}

.tumblr_quote p {
}

.tumblr_source {
}

 /*** styles for thumbnails ***/
      a.thumbnail, a.thumbnail:link, a.thumbnail:visited, a.thumbnail:hover, a.thumbnail:active  {
        border:none;
      }
      a.thumbnail img, a.thumbnail:link img, a.thumbnail:visited img {
        background: #fff;
        border: 1px solid #aaa;
        opacity: .9;
        width: 105px;
        height: 48px;
        padding: 0;
        margin: 2px;
      }
      a.thumbnail:hover img, a.thumbnail:active img {
        border: 1px solid #ccc;
        opacity: 1;
      }

    /*** scrolly overrides ***/
      /*** horizontal scrolly ***/
        .scrollyHorz .scrollyView a img {
          margin-top: 4px;
          margin-bottom: 4px;
        }

      /*** vertical scrolly ***/
        .scrollyVert .scrollyView a {
          display: block;
        }
        .scrollyVert .scrollyView a img {
          margin-left: 4px;
          margin-right: 4px;
        }

/*********** CAROUSEL **************/

 .scrollyCarousel {
    margin: 0px;
    position: relative;
    }
    .scrollyCarousel, .scrollyView, .scrollyView .carouselFrame {
      width: 350px;
      height: 263px;
      overflow: hidden;
      position: relative;
    }
    .scrollyView .carouselFrame {
      position: absolute;
      top: 0;
    }
    .carouselFrameTitle {
      margin-left: 50px;
      margin-right: 50px;
    }
    .scrollyView .carouselFrame img {
      position: absolute;
      left: 0;
      top: 0;
      width: 350px;
      height: 263px;
    }
    .scrollyView .carouselFrame .carouselFrameTitle {
      position: absolute;
      width: 248px;
      height: 38px;
      font-size: 16px;
      letter-spacing: 0px;
      font-weight: normal;
      text-align: center;
      vertical-align: middle;
      display: table-cell;
      color: #fff;
      background-color: #7dad1d;
      border: 1px solid #888;
      bottom: 5px;
/*
      opacity: 0.8;
      filter: alpha(opacity=80);
*/
    }
    .navButton {
      position: absolute!important;
      bottom: 17px;
      opacity: .7;
      filter: alpha(opacity=70);
    }
    .navButtonGrayed {
      opacity: .1;
      filter: alpha(opacity=10);
    }
  </style>

<!-- fz -->
  <style type="text/css">
    .magViewShell {
/*      position:relative;
      left:100px;  */
    }
    .magViewShell {
      width: 256px;
/*      height: 256px;  */
    }
    .magViewShell img {
      width: 256px;
/*      height: 256px;  */
    }

    /*** highlight ***/
      .magViewHighlight {
        position:absolute;
        width:1px;
        height:1px;
        display:none;
      }
      .magViewHighlight .magViewHighlightFill {
        position:absolute;
        width:100%;
        height:100%;
        background:#ccc;
        opacity:.15;
        filter:alpha(opacity=15);
      }
      .magViewHighlight .magViewHighlightBorder1, .magViewHighlight .magViewHighlightBorder2 {
        position:absolute;
        width:100%;
        height:100%;
      }
      .magViewHighlight .magViewHighlightBorder1 {
        border:2px solid #000;
        left:-1px;
        top:-1px;
      }
      .magViewHighlight .magViewHighlightBorder2 {
        border:1px solid #fff;
        left:0;
        top:0;
      }

    /*** mag image port ***/
      .magImagePortShell {
        position: absolute;
        width: 256px;
        height: 256px;
        display:none;
      }
      .magImagePortShell .magImagePortShadow {
        position:absolute;
        left:12px;
        top:-3px;
        width: 256px;
        height: 256px;
        background:#000;
        opacity:.75;
        filter:alpha(opacity=75);
      }
      .magImagePortShell .magImagePort {
        position:absolute;
        left:5px;
        top:-10px;
        width: 256px;
        height: 256px;
        overflow:hidden;
        z-index:1001;
        border:1px solid #777;
        background-color:#fff;
      }
      .magImagePortShell .magImagePortImage {
        position:absolute;
        width: 700px;
        height: 500px;
      }
      .magImagePortShell .magImagePortImage img {
        position:absolute;
        width:100%;
/*        height:100%;  */
      }

      /*** high res loading indicator ***/
        .magImagePortShell .magViewHighResLoading {
          position:absolute;
          left:0px;
          top:110px;
          font-size:20px;
          z-index:1002;
        }
        .magImagePortShell .magViewHighResLoading div {
          position:absolute;
          width: 256px;
          text-align:center;
          color:#fff;
        }

/************ SIMPLY SCROLL ******************/

/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 576px;
	height: 200px;
	margin-bottom: 1em;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 576px;
	height: 200px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 290px;
	height: 200px;
}

/*** OTHER ***/

img.customer_icon {
    margin-right: 24px;
}



.shading {
	border: 4px solid #eb8932;
	-moz-border-radius: 6px; 			
	border-radius: 6px;
	-webkit-border-radius: 6px; 
	margin-right: 5px;
	background-image: url(/assets/templates/v30014/images/green.png);
	background-repeat: repeat;
	box-shadow:0 5px 5px rgba(0,0,0,0.5);
	-moz-box-shadow:0 5px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.5);
	visibility: visible;
	display: block;
	height: 100%;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 20px;
}
.specialties {
	position: relative;
	left: -20px;
}
.bigButtons {
	margin-right: 2px;
}
.titles {
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
}
hr {
	color: #ff9933;
	width: 99%;
	align: center;
	margin-right: 10px;
}
.page_headers {
	text-align: left;
	margin-bottom: 5px;
}
.category_description {
	/*border: 2px solid #eb8932;
	-moz-border-radius: 6px; 			
	border-radius: 6px;
	-webkit-border-radius: 6px; 
	margin-right: 5px;
	background-repeat: repeat;
	box-shadow:0 5px 5px rgba(0,0,0,0.5);
	-moz-box-shadow:0 5px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.5);*/
	visibility: visible;
	display: block;
	height: 100%;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 20px;
	width: 100%;
	text-align: justify;
	/*background-color: #F2F2F2;*/
}
#middle ul, #main ul {
	display: block;
	list-style-position: outside;
	list-style-type: disc;
}
.content-page img {
 	box-shadow:0 5px 5px rgba(0,0,0,0.5); 
	-moz-box-shadow:0 5px 5px rgba(0,0,0,0.5); 
	-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.5);
}
.extended_desc {
	width:100%;
	border: 1px solid #eb8932; 
	background-color:#F2F2F2; 
	-moz-border-radius: 6px; 
	border-radius: 6px; 
	-webkit-border-radius: 6px; 
	padding:5px; box-shadow:0 5px 5px rgba(0,0,0,0.5); 
	-moz-box-shadow:0 5px 5px rgba(0,0,0,0.5); 
	-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.5); 
	position:inherit; 
	left:0px; 
	top:0px; 
	float:left; 
	clear:left;
}
.superscript {
	font-size: 8pt;
	position: relative;
	bottom: 5px;
}
.TitleSuperscript {
	font-size: 12pt;
	position: relative;
	bottom: 10px;
}
.promo {
	color: #7dad1d;
	font-weight: bold;
	text-transform: capitalize;
}
.imagecaption {
	font-style: italic;
}
.homePagePanelBig {
	border: 2px solid #eb8932;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;
	box-shadow:0 5px 5px rgba(0,0,0,0.5);
	-moz-box-shadow:0 5px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.5);
	clear: both;
}
.homePagePanels {
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 10px;
	margin-bottom: 5px;
	border: 2px solid #eb8932;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;
	box-shadow:0 5px 5px rgba(0,0,0,0.5);
	-moz-box-shadow:0 5px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.5);
	clear: both;
	width: 98%;
	background-color: #F2F2F2;
}
.ShoutOut {
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;
	border: 1px solid #eb8932; 
	background-color:#FFFFFF; 
	padding-top: 5px;
	padding-bottom: 5px;
}

.imageBorder {
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;
	border: 1px solid #eb8932; 
	background-color:#FFFFFF; 
	padding-top: 5px;
	padding-bottom: 5px;
}
.imageBorder2 {
	width: 130px;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;
	border: 1px solid #eb8932; 
	background-color:#FFFFFF; 
	padding-top: 5px;
	padding-bottom: 5px;
}
.imageBorder3 {
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;
	box-shadow:0 5px 5px rgba(0,0,0,0.5); 
	-moz-box-shadow:0 5px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.5);
	border: 1px solid #eb8932; 
	background-color:#FFFFFF; 
	padding-top: 5px;
	padding-bottom: 5px;
}
.imageBorder a:hover {
	color: #7dad1d;
	background-color:#F2F2F2; 
	border: 1px solid #7dad1d; 
	box-shadow:0 5px 5px rgba(0,0,0,0.5); 
	-moz-box-shadow:0 5px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.5);
}
.checkout-headers {
	font-weight: bold;
}
.product-subtitle {
	text-align: left;
}
.itemName {
	text-align: left;
}
.img a:hover {
	border: 1px solid #000000; 
	box-shadow:0 5px 5px rgba(0,0,0,0.5); 
	-moz-box-shadow:0 5px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.5);
}
#add2Cart.btn, .btn, #Button7.btn, #go2checkout.btn, #checkout1_submitbutton.btn, #checkout3_submitbutton.btn {
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #000000;
	font-weight: bold;
	background-color: #eb8932;
	text-transform: none;
	padding-left:25px;
	padding-right:25px;
	font-variant: small-caps;	
	/*margin-top:10px;*/
}
#add2Cart.btn_over, .btn_over, #Button7.btn_over, #go2checkout.btn_over,  #checkout1_submitbutton.btn_over, #checkout3_submitbutton.btn_over {
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;
	border: 1px solid #000000; 
	box-shadow:0 5px 5px rgba(0,0,0,0.5); 
	-moz-box-shadow:0 5px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.5);
	color: #FFFFFF;
	font-weight: bold;
	font-variant: small-caps;	
	background-color: #7dad1d;
	padding-left:25px;
	padding-right:25px;
	/*margin-top:10px;*/
}
#add2Cart2.btn {
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px;
	border: 1px solid #000000; 
	font-weight: bold;
	background-color: #eb8932;
	text-transform: uppercase;
	padding-left:25px;
	padding-right:25px;
}
#add2Cart2.btn_over {
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #000000;
	box-shadow:0 5px 5px rgba(0,0,0,0.5);
	-moz-box-shadow:0 5px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.5);
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #7dad1d;
	padding-left:25px;
	padding-right:25px;
}
.onSale {
	font-weight: bold;
	text-transform: capitalize;
}
#taxExemptNotice {
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #000000;
	width:400px;
	align:center;
	font-weight: bold;
	color: #7dad1d;
	background-color: #FFFFFF;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	left: 380px;
	bottom:55px;
}
.orange-box {
	background-color:#eb8932; 
	border: 1px solid #eb8932; 
	-moz-border-radius: 6px; 
	border-radius: 6px; 
	-webkit-border-radius: 6px; 
	box-shadow:0 5px 5px rgba(0,0,0,0.5); 
	-moz-box-shadow:0 5px 5px rgba(0,0,0,0.5); 
	-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.5); 
	/*margin-top:5px;*/ 
	margin-bottom:10px; 
	padding:5px;
}
.grey-box {
	background-color:#F2F2F2; 
	border: 1px solid #eb8932; 
	-moz-border-radius: 6px; 
	border-radius: 6px; 
	-webkit-border-radius: 6px; 
	box-shadow:0 5px 5px rgba(0,0,0,0.5); 
	-moz-box-shadow:0 5px 5px rgba(0,0,0,0.5); 
	-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.5); 
	margin-top:5px; 
	margin-bottom:10px; 
	padding:5px;
}