body { background-color: #002020; color: #000; text-decoration: none; text-align: center; }
IMG { border-style: none; }
.hiddenPic {display:none;}

/* Clearfix extends containers to enclose the float box */
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }

.clearfix {display: inline-block;} /* for mac IE */

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

p { background-color: transparent; color: #000; font-size: 14px; letter-spacing: 0.1em; text-align: left; line-height: 16px; margin-right: 40px; margin-left: 40px; }
H1 { font-family: Bookman, "Times New Roman", Georgia, Times, serif; color: #033; font-style: italic; font-weight: bold; font-size: 18px; line-height: 20px; letter-spacing: 0.1em; }
H2 { font-family: Bookman, "Times New Roman", Georgia, Times, serif; color: #033; font-style: italic; font-weight: bold; font-size: 14px; line-height: 18px; letter-spacing: 0.1em; }
H3 { font-family: Bookman, "Times New Roman", Georgia, Times, serif; color: #033; font-style: italic; font-weight: bold; font-size: 18px; line-height: 22px; text-align: left; margin-top: 50px; margin-left: 10px; }
H4 { font-family: Bookman, "Times New Roman", Georgia, Times, serif; color: #033; font-style: italic; font-weight: bold; font-size: 14px; line-height: 14px; letter-spacing: 0.1em; text-align: left; margin-top: 40px; margin-left: 20px;}

/* For Home Page */
.container-home { background-image: url(images/water.jpg); width: 800px; height: auto; margin: 10px auto; border: outset 4px #366; text-align: center; }
.container-intro { margin: auto; height: 280px; }
.container-intro-temp { margin: auto; height: auto; }
.container-hm-pic-left { float: left; text-align: center; margin: auto; width: 240px; height: auto; padding-top: 20px; }
.container-hm-text-right { float: right; text-align: center; margin: auto; width: 550px; height: auto; }

.container-inline { width: 792px; height: auto; margin: auto; }


/* For Testimonials Page  - also some used on lures page*/
.container-pic-left-200 { float: left; text-align: center; margin-left: 20px; width: 240px; height: auto; }
.container-pic-right-200 { float: right; text-align: center; margin-right: 20px; width: 240px; height: auto; }
.container-pic-left-300 { float: left; text-align: center; margin-left: 20px; width: 320px; height: auto; }
.container-pic-right-300 { float: right; text-align: center; margin-right: 20px; width: 320px; height: auto; }
.container-pic-left-400 { float: left; text-align: center; margin-left: 10px; width: 420px; height: auto; }
.container-pic-right-400 { float: right; text-align: center; margin-right: 10px; width: 420px; height: auto; }
.container-pic-left-450 { float: left; text-align: center; margin-left: 10px; width: 470px; height: auto; }
.container-pic-right-450 { float: right; text-align: center; margin-right: 10px; width: 470px; height: auto; }
.container-text-right-300 { float: right; text-align: left; margin-left: 0px; width: 300px; height: auto; }
.container-text-left-400 { float: left; text-align: left; margin-left: 0px; width: 420px; height: auto; }
.container-text-right-400 { float: right; text-align: left; margin-right: 0px; width: 420px; height: auto; }

.container-tennessee-text-right { float: right; text-align: left; margin-right: 0px; width: 450px; height: auto; }
.container-tennessee-pic-left { float: left; text-align: center; margin-left: 40px; width: 240px; height: auto; }
.note-tennessee-sue { font-family: Arial, Helvetica, Geneva, sans-serif; background-color: transparent; color: #033; font-size: 12px; letter-spacing: 0.1em; line-height: 12px; text-align: left; margin-right: 0%; margin-left: 0%; }

/* For Lures Page top intro */
.container-pic-right-lure { float: right; text-align: center; margin-right: 20px; width: 240px; height: auto; padding-top: 0px }
.container-text-left-500 { float: left; text-align: left; margin-left: 0px; width: 500px; height: auto; }

/* For Lures Pages - note: need static div so IE z-index works; 
then static nested in a relative div so position of layer has a reference*/
.container-lures { width: 800px; height: auto; margin-top: 6px; }
.lure-left { position: relative; top: 0; left: 0; float: left; text-align: left; width: 404px; height: auto; padding-top: 20px; padding-left: 8px; }
.thumb-left { position: static; float: left; width: 133px; height: auto; padding-top: 0; }

.lure-right { float: right; text-align: left; margin-right: 10px; width: 404px; height: auto; padding-top: 20px; }
.thumb-text { float: left; text-align: center; width: 400px; height: auto; padding-top: 40px; font-family: Arial, Helvetica, Geneva, sans-serif; background-color: transparent; color: #033; font-size: 12px; font-weight: bold; }

.lure-size { float: left; padding-left: 20px }
.select-color { margin-right: 47%; }
/* For Payment Pages */
.container-payment { margin: auto; height: auto; width: 500px; }
.payment-text { font-family: Bookman, "Times New Roman", Georgia, Times, serif; color: #033; font-style: italic; font-weight: bold; font-size: 14px; line-height: 16px; letter-spacing: 0.1em; text-align: left; margin-top: 10px; }

/* Shopping Cart Order Field */
.order-left { float: left; text-align: right; margin-bottom: 15px; padding-right: 20px; width: 360px; height: auto; 
font-family: Arial, Helvetica, Geneva, sans-serif; background-color: transparent; color: #033; font-size: 12px; line-height: 12px; }

.order-right-container { float: right; width: 360px; }

.order-right { float: right; text-align: right; margin-bottom: 15px; padding-right: 10px; width: 360px; height: auto; font-family: Arial, Helvetica, Geneva, sans-serif; background-color: transparent; color: #033; font-size: 12px; line-height: 12px; }

.order-book-right { float: right; text-align: right; margin-bottom: 15px; padding-right: 10px; padding-top: 20px; width: 200px; height: auto; font-family: Arial, Helvetica, Geneva, sans-serif; background-color: transparent; color: #033; font-size: 12px; line-height: 12px; }

/* Shopping Cart Form-Quantity Text Field */
input { background : #e0ffff; color : #000; font-size: 10px; font-family : Verdana, Arial, Helvetica, sans-serif; margin-top: 12px; }
select { background : #e0ffff; color : #000; font-size: 10px; font-family : Verdana, Arial, Helvetica, sans-serif; margin-top: 12px; }
option { background : #e0ffff; color : #000; font-size: 10px; font-family : Verdana, Arial, Helvetica, sans-serif; margin-top: 4px; }
a:link { color: #fff; background-color: transparent; text-decoration: none; font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 12px;}
a:visited { color: #fff; background-color: transparent; text-decoration: none; }
a:hover { color: #fff; background-color: #366; text-decoration: none; }
a:active { color: #fff; background-color: #033; text-decoration: none; }

.link-inline { color: #fff; background-color: #69919d; font-weight: bold; text-decoration: none; font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 12px; }
.link-inline a:link { color: #fff; background-color: #69919d; font-weight: bold; text-decoration: none; font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 12px; }
.link-inline a:visited { color: #fff; background-color: #69919d; font-weight: bold; text-decoration: none; }
.link-inline a:hover { color: #fff; background-color: #366; font-weight: bold; text-decoration: none; }
.link-inline a:active { color: #fff; background-color: #033; font-weight: bold; text-decoration: none; }

/* For the "About Lures" page */
.container-links-3 { width: 306px; height: 26px; margin: 40px auto 0; }
.container-return { margin: 4px auto 20px; width: 306px; height: 26px; }
.linkbox-spacer { float: left; padding-top: 2px; color: #000000; background-color: transparent; width: 75px; height: 16px; }
.linkbox-return { float: left; padding-top: 2px; color: #000000; background-color: #366; width: 144px; height: 16px; border: outset 2px #366; 
font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 12px; text-align: center; }


.container-links-2 { margin: 20px auto; width: 204px; height: 26px; }
.container-links { margin: 30px auto; width: 710px; height: 26px; }
.linkbox { float: left; padding-top: 2px; color: #000000; background-color: #366; width: 96px; height: 16px; border: outset 2px #366; 
font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 11px; text-align: center; }
.linkbox-off { float: left; padding-top: 2px; color: #fff; background-color: #033; width: 96px; height: 16px; border: outset 2px #366; 
font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 11px; }

.linkbox a:link { color: #fff; background-color: transparent; text-decoration: none; font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 11px;}
.linkbox a:visited { color: #fff; text-decoration: none; font-size: 11px; }
.linkbox a:hover { display: block; background-image: url(images/link-pic.jpg); color: #fff; }
.linkbox a:active { background-image: url(images/link-pic.jpg); color: #fff; }

/* For "Contact" page */
.container-links-3-large { width: 448px; height: 26px; margin: 40px auto 0; }
.linkbox-large { float: left; padding-top: 2px; color: #000000; background-color: #366; width: 144px; height: 16px; border: outset 2px #366; 
font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 11px; text-align: center; }
.linkbox-large-off { float: left; padding-top: 2px; color: #fff; background-color: #033; width: 144px; height: 16px; border: outset 2px #366; 
font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 11px; text-align: center; }

.linkbox-large a:link { color: #fff; background-color: transparent; text-decoration: none; font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 11px;}
.linkbox-large a:visited { color: #fff; text-decoration: none; font-size: 11px; }
.linkbox-large a:hover { display: block; background-image: url(images/link-pic.jpg); color: #fff; }
.linkbox-large a:active { background-image: url(images/link-pic.jpg); color: #fff; }

/* Use as a div-class for links on bottom of page with a visible box */
.container-links-300 { background-color: #1e1e1e; margin: 20px auto; padding: 2px; width: 300px; height: auto; border: outset 3px #696969; 
font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; 
font-size: 14px; letter-spacing: 0.1em; text-decoration: none; text-align: center; line-height: 20px; }

/* Use as a p-class for links on bottom of page without a visible box */
.linkmain { font-family: Arial, Helvetica, Geneva, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; text-decoration: none; text-align: center; line-height: 20px; }

/* Use .note for notes and copyrights */
.note { font-family: Arial, Helvetica, Geneva, sans-serif; background-color: transparent; color: #033; font-size: 12px; letter-spacing: 0.1em; line-height: 12px; text-align: center; margin-right: 10%; margin-left: 10%; }
.picturehead { background-color: #69919d; color: #fff; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif; line-height: 14px; text-align: center; letter-spacing: 0.1em; width: auto; margin-right: 10%; margin-left: 10%; padding: 4px; }
.note-left { font-family: Arial, Helvetica, Geneva, sans-serif; background-color: transparent; color: #033; font-size: 12px; letter-spacing: 0.1em; line-height: 12px; text-align: left; margin-right: 10%; margin-left: 30%; }
.note-left-normal { font-family: Arial, Helvetica, Geneva, sans-serif; background-color: transparent; color: #033; font-size: 12px; letter-spacing: 0.1em; line-height: 12px; text-align: left; margin-right: 10%; margin-left: 10%; }
.note-left-no-margin { font-family: Arial, Helvetica, Geneva, sans-serif; background-color: transparent; color: #033; font-size: 12px; letter-spacing: 0.1em; line-height: 12px; text-align: left; }
.center { text-align: center; }
.italic { text-align: center; font-style: italic; font-weight: bold; }
.bold { font-weight: bold; }
.signature { text-align: left; margin-left: 10%; }
.indent-block { position: relative; left: 12px; }
.no-margin { margin-left: 4px; }
.web-design { background-color: #69919d; color: #fff; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif; line-height: 12px; text-align: center; letter-spacing: 0.1em; width: 450px; margin: auto; padding-top: 4px; padding-bottom: 8px; }