/*  BRING Stylesheet */
/* Colors:           */
/*  Green: #339900   */
/*  Red:   #dc0a04   */
/*  Blue: #0f88a1    */
/* Orange: #ff9407   */



body {font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 1.5em; color: #333333; margin: 0px;}



/* Used for home page text boxes */
#shoptext  {position: absolute; top:75px; left:30px; width:175px; z-index:1;font-size:18px;color:#fff;}
#recycletext  {position: absolute; top:75px; left:250px; width:175px; z-index:1;font-size:18px;color:#fff;}
#learntext  {position: absolute; top:75px; left:475px; width:175px; z-index:1;font-size:18px;color:#fff;}
#tourtext  {position: absolute; top:75px; left:700px; width:175px; z-index:1;font-size:18px;color:#fff;}
 
a:link {color: #333; text-decoration: underline;}
a:visited {color: #333; text-decoration: underline;}
a:active {color: #333; text-decoration: underline;}
a:hover {color: #333; text-decoration: underline;}

p {font-family: verdana, arial, helvetica, sans-serif;
   font-size: 12px;
   line-height: 1.5em;
   margin: 0;
   color: #333333;
   padding: 0; margin-bottom:10px;}


ul {margin-bottom:4px;margin-left: 14px;padding-left:0;}

#container {
   margin: 5px auto;
   width:900px;
   background-color:white; }
/* was: transparent;   */


#uppernav {
   color:#666666; text-align:right;margin-bottom:4px;
}


.uppernavlink {  font-family: Verdana, arial, sans-serif; font-size: 12px; color: #666666;  font-weight:normal; text-decoration: none;padding:0 32px;}

.uppernavlink A    {color: #666666;text-decoration: none; font-size: 12px;}

.uppernavlink A:hover  {color: #dc0a04;text-decoration: none; font-size: 12px;}




#top_nav_box { background-color:#dc0a04; height:28px; min-width:900px; font-size: 16px; padding: 0;margin-left:0;
}


    

/* Reuseit Subnavigation Links */
ul.reuseitlink li {  font-family: Verdana, arial, sans-serif; font-size: 14px; color: #111111; 
            text-decoration: none;line-height:1.6em;}


ul.reuseitlink li A {  font-family: Verdana, arial, sans-serif; font-size: 14px; color: #111111; 
            text-decoration: none;line-height:1.6em;}

ul.reuseitlink li A:hover {  font-family: Verdana, arial, sans-serif; font-size: 14px; color: #111111; 
            text-decoration: underline;line-height:1.6em;}


/* Used on Reuse It Pages !!!!   */
.navlink {  font-family: Verdana, arial, sans-serif; font-size: 14px; color: #111111; 
            text-decoration: none;line-height:1.6em;}

.navlink A    {  font-family: Verdana, arial, sans-serif; font-size: 14px; color: #111111; 
            text-decoration: none;line-height:1.6em;}


.navlink A:hover  {  font-family: Verdana, arial, sans-serif; font-size: 14px; color: #111111; 
            text-decoration: underline;line-height:1.6em;}


.navlinkon {  font-family: Verdana, arial, sans-serif; font-size: 14px; color: #dc0a04; 
            text-decoration: none;line-height:1.6em;font-weight:bold;}

.navlinkon A {  font-family: Verdana, arial, sans-serif; font-size: 14px; color: #dc0a04; 
            text-decoration: none;line-height:1.6em;font-weight:bold;}







#redbar {
   background-color:#dc0a04;color:#ffffff;font-weight:bold;
   padding-top:4px;padding-left:4px;
   margin-bottom:10px; margin-top:10px;
   height:26px;width:896px;
}

#grayline {
   background-color:#dddddd;height:2px;width:100%;margin:12px 2px;
}


.morebg a{
   background-color:#dddddd;
   padding:2px;
   text-decoration:none;
}

a.morebg }
   background-color:#dddddd;
   padding:2px;
   text-decoration:none;
}


 
.homeblurbheader {margin-bottom:6px;margin-left:6px;}
.homeblurbs {margin:8px 2px 0px 8px;}


.homelogin {background-color:#cccccc;color:#000;border:0px;font-size:12px; margin-bottom:7px;}




#footer1 { 
  width:844px; 
  text-align:right;
  }


/* Used for photo & caption on detail page. Should be same width as image1 */

.floatrightbox {float:right;
                color:#333333;
                font-weight:normal; 
                width:320px; 
                margin: 5px ;
                padding:10px 2px; 
                background-color:#eee;
                text-align:center;}



/* Narrower */
.floatrightbox2 {float:right;
                color:#333333;
                font-weight:normal; 
                width:270px; 
                margin: 5px ;
                padding:10px 14px; 
                background-color:#eee;
                text-align:center;}


/* Narrowest */
.floatrightbox3 {float:right;
                color:#333333;
                font-weight:normal; 
                width:220px; 
                margin: 0 0 5px 5px ;
                padding:5px; 
                background-color:#eee;
                text-align:left;}




.footertext {font-size: 12px; color: #fff;}
.footertext A {color: #fff; text-decoration: none;}
.footertext A:visited {color: #fff; text-decoration: none;}
.footertext A:hover {color: #fff; text-decoration: underline;}

.footertextonred {font-size: 16px; color: #fff;font-weight:normal;}
.footertextonred A {color: #fff; text-decoration: underline;}
.footertextonred A:visited {color: #fff; text-decoration: underline;}
.footertextonred A:hover {color: #333; text-decoration: underline;}

.noline A 	{text-decoration: none;}
.noline A:hover 	{text-decoration: underline;}

.white									{color: #fff;  text-decoration: none;}
.white A, .white A:visited 	{color: #fff; text-decoration: underline;}
.white A:hover 					{color: #fff;}

.gray								{font-family:verdana, sans-serif; color: #333;  text-decoration: none;}
.gray A, .gray A:visited        	{color: #333;}
.gray A:hover 						{color: #d42c27;}


.blue									{color: #112C78;  text-decoration: none;}
.blue A, .blue A:visited 		{color: #112C78;text-decoration: none;}
.blue A:hover 					{color: #d42c27;}

.red								{color: #dc0a04;  text-decoration: none;}
.red A, .red A:visited 	             {color: #dc0a04;}
.red A:hover 						{color: #d42c27;}

.black									{color: #000;  text-decoration: none;}
.black A, .black A:visited 		{color: #000;}
.black A:hover 						{color: #000; text-decoration: underline;}



.green									{color: #339900;  text-decoration: none;}
.green A, .green A:visited 		{color: #339900;}
.green A:hover 						{color: #339900; text-decoration: underline;}



.mm									{color: #86000C;  text-decoration: none;}
.mm A, .mm A:visited 		{color: #86000C;text-decoration: none;}
.mm A:hover 					{color: #86000C; text-decoration: none;}

.colors_orange					{color: #E16500; font-weight:bold; text-decoration: none;}
.colors_orange A 				{color: #E16500; font-weight:bold; text-decoration: none;}
.colors_orange A:visited 	{color: #E16500; font-weight:bold; text-decoration: none;}
.colors_orange A:hover 	{color: #333333; font-weight:bold; text-decoration: none;}

.products_blue					{color: #006699; font-weight:bold; text-decoration: none;}
.products_blue A 				{color: #006699; font-weight:bold; text-decoration: none;}
.products_blue A:visited 	{color: #006699; font-weight:bold; text-decoration: none;}
.products_blue A:hover 	{color: #333333; font-weight:bold; text-decoration: none;}

.gallery_red						{color: #73000A; font-weight:bold; text-decoration: none;}
.gallery_red A 					{color: #73000A; font-weight:bold; text-decoration: none;}
.gallery_red A:visited 		{color: #73000A; font-weight:bold; text-decoration: none;}
.gallery_red A:hover 			{color: #333333; font-weight:bold; text-decoration: none;}


.bold {font-weight:bold;}
.italic {font-style:italic}

.size9 {font-size:9px;}
.size10 {font-size:10px;}
.size11 {font-size:11px;}
.size12 {font-size:12px;}
.size13 {font-size:13px;}
.size14 {font-size:14px;}
.size15 {font-size:15px;}
.size16 {font-size:16px;}
.size17 {font-size:17px;}
.size18 {font-size:18px;}
.size19 {font-size:19px;}
.size20 {font-size:20px;}
.size21 {font-size:21px;}
.size22 {font-size:22px;}


/* Keeps tabbed nav from looking yucky */
a:focus, a:active {
	outline: 0 none;
	-moz-outline: 0 none;
}


h1 {margin-bottom: 8px; margin-top: 6px ;font-size: 18px; font-weight: bold; line-height:1em; no-repeat;
    color:#dc0a04} 

h2.catcell { background: url(images/blackbullet.gif) no-repeat; 
     padding:0 0 0 22px;
     color: #dc0a04; margin-bottom: 4px; margin-top: 6px; font-size: 14px; font-weight: bold; }



h2 { color: #000; margin-bottom: 4px; margin-top: 6px; font-size: 14px; font-weight: bold; }

h2 A {color: #000; margin-bottom: 4px; margin-top: 6px;  font-size: 14px; font-weight: bold; 
      text-decoration:none;}

h2 A:link {color: #000;   margin-bottom: 4px; margin-top: 6px; font-size: 14px; font-weight: bold; text-decoration:none;}

h2 A:visited { color: #000;  margin-bottom: 4px; margin-top: 6px; font-size: 14px; font-weight: bold; text-decoration:none;}

h2 A:hover { color: #dc0a04;  margin-bottom: 4px; margin-top: 6px; font-size: 14px; font-weight: bold; text-decoration:underline;}



h3 {  margin-bottom: 2px; margin-top: 0px; font-size: 14px; font-weight: bold; }

h4 {  margin-bottom: 2px; margin-top: 0px; font-size: 12px; font-weight: bold; }



.cellheader {font-size: 14px;  text-decoration: none; font-weight:bold;}
.cellheader A:visited    {text-decoration: none;}
.cellheader A    {text-decoration: none;}
.cellheader A:hover  {text-decoration: underline;}/*cat name or product name, depending on which cell*/

.celltext {  font-size: 11px; line-height: 1.5em; }
.celltext A    {text-decoration: underline;}
.celltext A:hover  {text-decoration: underline;}


.highlight {  font-size: 12px; font-weight:bold;  text-decoration: none;}
.highlight A    {text-decoration: underline;}
.highlight A:hover  {text-decoration: underline;}

.freeship {  font-size: 12px; font-weight:bold;  text-decoration: none;}
.freeship A    {text-decoration: underline;}
.freeship A:hover  {text-decoration: underline;}


.multiheader {  margin-bottom: 8px; margin-top: 0px; font-size: 18px; font-weight: bold; line-height: 1.1em; } /*multilist header*/

.insertlist1 { font-size: 10px; text-decoration: none;text-align:right; padding-bottom:10px;}
.insertlist1 A    {text-decoration: underline;}
.insertlist1 A:hover  {text-decoration: underline;} /*youarehere links*/


.goback {text-align:left; font-size: 10px; text-decoration: none;text-align:right; padding-bottom:10px;}
.goback A    {text-decoration: underline;}
.goback A:hover  {text-decoration: underline;} /*youarehere links*/





.nextprev {  font-size: 10px; line-height: 1.5em; }
.nextprev A    { text-decoration: underline;}
.nextprev A:visited { text-decoration: underline;}
.nextprev A:hover  { text-decoration: underline;}

.gotocart {  font-size: 10px; line-height: 1.5em; }
.gotocart A    { text-decoration: underline;}
.gotocart A:visited { text-decoration: underline;}
.gotocart A:hover  { text-decoration: underline;} /*for viewcart links*/

.cellclickhere {  font-size: 10px; line-height: 1.5em; }
.cellclickhere A    { text-decoration: underline;}
.cellclickhere A:visited { text-decoration: underline;}
.cellclickhere A:hover  { text-decoration: underline;}

.jumplinks {font-size: 12px; line-height: 1.5em; } /*used on faq page*/

.clickhere {  font-size: 10px; line-height: 1.5em; }
.clickhere A    { text-decoration: underline;}
.clickhere A:visited { text-decoration: underline;}
.clickhere A:hover  { text-decoration: underline;} /*back to top links*/



/*Cart pages and shipping*/

th {  font-size: 12px; line-height: 1.2em; color: #000000}

.instructions {  font-size: 12px; line-height: 1.5em; }
.instructions A    {text-decoration: underline;}
.instructions A:hover  {text-decoration: underline;} /*instructions under the page title*/

.instructions2 {  font-size: 11px; font-weight: bold; line-height: 1.5em; }
.instructions2 A    {text-decoration: underline;}
.instructions2 A:hover  {text-decoration: underline;} /*instructions under the cart sections; ie, shipping*/

.cartproduct {font-size: 12px; color: #112C78; text-decoration: none;}
.cartproduct A    {text-decoration: underline;}
.cartproduct A:hover  {text-decoration: underline;} /*products in the cart*/

.cartsmall {  font-size: 10px; line-height: 1.5em; } 
.cartsmall A    { text-decoration: underline;}
.cartsmall A:visited { text-decoration: underline;}
.cartsmall A:hover  { text-decoration: underline;}/*main options line in cart*/



/*Miscellaneous*/

input {margin-top: 0px; margin-bottom: 0px; margin-left: 0px;}

/* Add padding to top of checkboxes! */
input[type="checkbox"] {margin-top:5px;margin-left:0;}

form {margin-top: 0px; margin-bottom: 0px; }

table {margin-top: 0px; margin-bottom: 0px; }

table.price_table th {
	background-color: #ffcc66;
	color: #000000;
	list-style-type: disc;
	list-style-position: inside;
	border: 1px outset #ffcc66;
	font-weight: bold;
	font-size: 10px;
}

table.price_table td {
	background-color: #ffffff;
	border-style: outset #D1D1CD 1px;
}


table.pmt_table th {
	background-color: #ffcc66;
	color: #000000;
	list-style-type: disc;
	list-style-position: inside;
	border: 1px outset #ffcc66;
	font-weight: bold;
	font-size: 10px;
}

table.pmt_table td {
	background-color: #ffffff;
	border-style: outset #D1D1CD 1px;
}

.label {  font-size: 12px; line-height: 1.2em; font-weight: bold; color: #8E000D;}

.attribute {  font-size: 12px; line-height: 1.2em;color:#112C78}


.errormessage {font-size: 14px;  font-weight:normal; text-decoration: none;}
.errormessageA    {text-decoration: underline;}
.errormessage A:hover  {text-decoration: underline;}

/* was green 339900 */
.fancybutton {background:#89c36d;  color:#ffffff; font-size:14px; font-weight:bold;}

.fancybutton2 {background:#89c36d;  color:#ffffff; font-size:14px; font-weight:bold;}

.fancybutton3 {background:#112C78; color:#ffffff; font-size:16px; font-weight:bold; }

.fancybuttonlist {background:#ffffff; color:#112C78; font-size:12px; font-weight:bold; }

.fancybuttonr {background:#112C78;  color:#ffffff; font-size:10px; font-weight:bold;}