body {background:#d0e0c0; font-family:sans-serif;}
/* --------------------- Heading Div ------------------------- */
#heading_div, #heading_img, #pflogo, #paypal_logo {position:absolute; margin:0px; padding:0px;}

#heading_div {width:1000px; height:170px; background:#375020; top:0px; left:0px; z-index:-2;}

#heading_img {top:5px; left:5px; z-index:-1;}

#pflogo {top:17px; left:17px; border-style:none;}

#paypal_logo {top:139px; left:763px; border:none;}

#index_announcement p{font-size:20px;font-weight:bold;position:absolute;top:40px;left:400px;width:200px;height:auto;background:yellow;color:#375020;padding:3px;margin:0px;text-align:center;}
#index_announcement span{font-size:10px;font-weight:normal;}

#free_shipping p{font-size:20px;font-weight:bold;position:absolute;top:40px;left:400px;width:165px;height:auto;background:yellow;color:#375020;padding:3px;margin:0px;text-align:center;}
.free_shipping{color:red;font-weight:bold;font-size:1.2em;}

#left_rect {position:absolute; background:#375020; height:3000px; width:150px; top:0px; left:0px; z-index:-5;}
#vendor_logo_zone{position:absolute;left:825px;top:170px;width:150px;height:auto;}
#vendor_logo_zone p {margin-left:15px;margin-bottom:-0px;font-weight:bold;}
.vendor_logo{display:inline;float:left;width:140px;height:auto;margin:5px;border:none;}

#swine_flu_h1n1{position:absolute;top:450px;left:10px;}
#swine_flu_h1n1_spanish{position:absolute;top:520px;left:10px;}


.swine_float_zone{position:absolute;top:420px;left:0px;width:150px;height:auto;}
.swine_float_div{float:left;width:auto;padding:0px;margin:0px;margin-left:5px;margin-bottom:10px;}

#footer_links{display:float;position:absolute;left:150px;top:2925px;font-size:.8em;width:850px;text-align:center;}
#footer_links ul li{display:inline;}
#copyright_div{position:absolute;left:150px;top:2950px;font-size:.8em;width:850px;text-align:center;}

.policy_div{font-weight:bold;}

#yahoo_counter{position:absolute;left:20px;top:2950px;}

/* -----------------------Navs Div------------------------------ */
/* ------------Top Navbar --------- */
#top_navbar_div {position:absolute;
        top:139px;
        left:150px;  /* was 242 */
        width:700px;
        z-index:0;}
#top_navbar {position:absolute;
        margin-left:0;
        padding-left:0;
        margin:0;
        padding:0;
        list-style-type:none;
        color:yellow;
        background: #375020;
        float:left;
        }
#top_navbar li{display:inline;}
#top_navbar a{color:yellow;
         float:left;
         margin:0px;
         padding: 2px 1em;
         text-decoration:none;
		 font-size: 1em;
         border: none; /* 1px solid yellow; */
         display:inline;
         }
         
#top_navbar a:link{}
#top_navbar a:visited{}
#top_navbar a:hover{color:#375020;
              background:yellow;}
              
#pp_view_cart {position:absolute; left:20px; top:140px;}

        /* ---------------Left Navbar----------- */
#left_navbar{list-style-type:none;
             display:block;
             margin:0;
             padding:3px;
             /* border: 1px solid yellow; */
             }
#left_navbar a{color:yellow;
             display:block;
             background: #375020;
             text-decoration:none;
             padding: 2px 0;
             width:95%;}
#left_navbar li{}
#left_navbar a:link{}
#left_navbar a:visited{}
#left_navbar a:hover{color:#375020;
              background:yellow;}
#left_navbar_div {display:block; position: absolute; top:190px; left:8px; width:140px;/* text-align:center; */}
#neb_link {padding:0px;margin-top:10px; margin-bottom:0px; font-size:large;}
.ebay_link {padding:0px;margin-top:30px; margin-bottom:0px; font-size:medium;font-weight:bold;}


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^prod styles^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* page_content is the main div for everything below the header and to the right of the navbar.
      Use it for every page. (it used to be call 'blurb' */
#index_page_content{position:absolute;top:200px; left:200px; color:#375020; width:600px;padding:0px;}
#page_content {position:absolute;top:200px; left:200px; color:#375020; width:800px;padding:0px;}

#prod1{position:absolute; top:200px; left:200px; margin-top:-10px;}
#pp_button {position:absolute; top:300px; left:440px;}
#pp_button2 {position:absolute; top:500px; left:450px;}

#pp_button_float{display:float;float:left;width:200px;height:200px;margin:20px;}

#prod1_desc {margin-top:20px; width:600px; height:400px;}
#prod1_desc2 {margin-top:20px; width:400px; height:400px;}
.size_price {font-weight:bold;}
.pad_marg{padding:20px;margin:20px;}


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^photo selectors^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
.img_landscape_4x3{width:400px; height:300px; top:0px; left:0px;}
.img_portrait_3x4{width:300px; height:400px; top:0px; left:0px;}
.img_long_landscape_2x1{width:600px; height:300px; top:0px; left:0px;}
.img_thumb{width:160px;height:120px;}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^thumb zone^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */


.thumb_zone{float:left;width:770px;height:auto;padding:0px;margin:0px;margin-bottom:5px;}

/* 'thumb1' divs are used on the individual fly listings 'gallery_thumb1' is for the fish gallery*/
/* and 'fly_thumb1' is used for the fly 'index' pages, i.e. bluegill_flies.html and tying_materials.html */
div.thumb1{display:inline;float:left;width:auto;height:auto;border:none;margin:2px;}
div.thumb1 img{border:none;}
div.thumb1 a{width:200px;}
div.thumb_caption {text-align:center;font-weight:bold;}/* do not put a width value here. not even 'auto' */

div.gallery_thumb1{display:inline;float:left;width:auto;height:250px;border:1px solid green;margin:2px;padding:0px;padding-bottom:5px;}
div.gallery_thumb1 img{border:none;margin:0px;padding:0px;}
div.gallery_thumb1 a{width:200px;margin:0px;padding:0px;}
div.gallery_thumb_caption {text-align:left;width:160px;height:auto;font-size:12px;margin:0px;padding:5px;}/* this is the thumb desc NOT the listing desc */

div.fly_thumb1{display:inline;float:left;width:auto;height:auto;margin:2px;padding:0px;padding-bottom:5px;}
div.fly_thumb1 img{border:none;margin:0px;padding:0px;}
div.fly_thumb1 a{width:auto;margin:0px;padding:0px;}
div.fly_thumb_caption {text-align:center;width:160px;height:auto;font-size:14px;font-weight:bold;padding:5px;}

div.thumb_caption_auto_width {text-align:center;width:auto;height:auto;font-size:14px;font-weight:bold;padding:5px;}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^end thumb zone^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */


/* (((((((((((((((((((((((((((( description and paypal button zone )))))))))))))))))))))))))))) */

/* why did I do what is below??? Because I mistakenly put 'class=' in some pages where I should have put 'id=' 
    while in other pages I put 'id='.  So this makes them all work properly. Just be sure to make equal changes
    to both sets!!!! */
#desc_button_zone{float:left;width:720px;padding:0px;margin-top:15px;}/* this will contain desc AND pp_button */
#desc_zone{float:left;width:450px;padding:0px;margin:0px;}
#pp_button_zone{float:left;width:auto;padding:20px;}
#pp_button_float_zone{float:left;width:750px;padding:0px;margin:0px;}

.desc_button_zone{float:left;width:720px;padding:0px;margin-top:15px;}/* this will contain desc AND pp_button */
.desc_zone{float:left;width:450px;padding:0px;margin:0px;}
.desc_zone_wide{float:left;width:600px;padding:0px;margin:0px;}
.pp_button_zone{float:left;width:auto;padding:20px;}
.pp_button_float_zone{float:left;width:750px;padding:0px;margin:0px;}
.pp_button_div{display:inline;float:left;width:200px;padding:0px;margin:0px;}

/* (((((((((((((((((((((((((((( End of desc paypal zone )))))))))))))))))))))))))))) */


/* use the below inside 'page_content' for any page that is for information only: i.e. 'shipping.html' */

#general_info{width:600px;height:auto;top:200px;left:200px;font-size:14px;}
#general_info hr{width:75%;height:2px;margin-top:30px;margin-bottom:30px;}

.info_zone{width:600px;height:auto;top:200px;left:200px;font-size:16px;}
.info_zone hr{width:75%;}

/* Use the 'float zone' as a box for objects ('float divs') you want to float next to each other */
.float_zone{float:left;width:800px;height:auto;padding:0px;margin:0px;}
.float_div{display:inline;float:left;width:auto;padding:0px;margin:0px;margin-right:20px;}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^fly categories^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
#fly_categories{position:absolute;font-size:20px;}
#fly_categories ul{list-style-type:none;}
#fly_categories ul li{padding:10px;}
/* ____________________________________________________________________________ */
#prod_float{display:absolute;top:200px;left:200px; margin:20px;height:auto;}

#prod_float div.img
{ display:inline;
  margin: 2px;
  border: 1px solid #375020;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	
#prod_float div.img img
{
  width:200px;;height:150px;
  margin: 3px;
  border: 1px solid #ffffff;
  
}
#prod_float div.img a:hover img {}
#prod_float div.desc
{ font-size:14px;
  text-align: center;
  font-weight: normal;
  width: auto;height:auto;
  margin: 2px;
}
#prod_float_desc{display:inline;margin:20px;padding:10px; width:500px; height:200px;}

/* ^&^&^&^&^&^&^&^&^ this is used for link lists, to make them more user friendly ^&^&^&^&^&^&^&^ */
.link_list {font-size:1em;margin-bottom:10px;}
.link_list li{margin-bottom:10px;}
.link_list a{font-weight:bold;font-size:1.1em;}

/* ^&^&^&^&^&^&^&^&^ Same as above, but for listing name/address/phone number ^&^&^&^&^&^&^&^ */
.name_address_list{list-style-type:none;}

/*               BLURB ZONE                   */
.blurb_zone {float:left;width:700px;height:auto;padding:0px;margin:0px;margin-bottom:0px;}
div.blurb_div{display:inline;width:auto;height:auto;border:none;margin:2px;}
div.blurb_div img{display:inline;float:left;border:none;margin-bottom:10px;margin-right:10px;width:300px;height:auto;}
div.blurb_div p{font-size:1.2em;font-weight:bold;padding:0;border:none;}
div.blurb_div div.paypal{display:inline;float:right;border:none;padding:10px;}