* { 
behavior: url(iepngfix.htc) 
}
* html a:hover { 
visibility:visible 
}

/* absolute tag styles */

body {
margin-top: 0;
padding: 0;
font-family: Arial, Tahoma, sans-serif;
background: #DAD2C1 url('images/back.gif') repeat;
}

a:link {
color: #036D9C;
text-decoration: none;
}
a:visited {
color: #036D9C;
text-decoration: none;
}
a:hover {
color: #003952;
text-decoration: underline;
}
a:active {
color: #003952;
text-decoration: underline;
}
a {
outline: none;
}

p {
margin: 0;
padding: 3px 10px 7px 10px;
display: block;
font-size: 13px;
text-align: left;
}
h2 {
margin: 0;
padding: 0;
text-align: center;
}
h1, h3 {
margin: 0 0 10px 0;
padding: 0;
text-align: center;
font-size: 22px;
font-weight: normal;
}
h4 {
margin: 7px 0 3px 0;
padding: 0;
text-align: left;
font-weight: normal;
font-size: 16px;
}
img {
border: 0;
}
form {
margin: 0;
padding: 0;
}
fieldset {
border: 0;
}

/* main content divs */

#bacon_frame {
margin: auto;
padding: 0;
width: 874px;
}

#showcase {
margin: 0;
padding: 0;
height: 511px;
width: 511px;
position: relative;
}
#options {
margin: 10px;
padding: 0;
position: absolute;
top: 0;
right: 0;
}
#options2 {
margin: 10px;
padding: 0;
position: absolute;
top: 0;
left: 0;
}

/* --[ main nav ]------------------------------- */

#top_nav {
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 5px 0 0 0;
font-size: 14px;
height: 1%;
}
#top_nav ul {
margin: 0;
padding: 0;
*padding: 0 0 5px 0;
list-style: none inside;
}
#top_nav ul li {
margin: 0;
padding: 0;
display: inline;
}
#top_nav ul li a:link {
margin: 0;
padding: 5px 0 7px 7px;
color: #FFF;
text-decoration: none;
background: transparent url('images/nav_off_01.gif') no-repeat left top;
}
#top_nav ul li a:visited {
margin: 0;
padding: 5px 0 7px 7px;
color: #FFF;
text-decoration: none;
background: transparent url('images/nav_off_01.gif') no-repeat left top;
}
#top_nav ul li a:hover {
color: #036D9C;
text-decoration: none;
background: transparent url('images/nav_on_01.gif') no-repeat left top;
}
#top_nav ul li a:active {
color: #036D9C;
text-decoration: none;
background: transparent url('images/nav_on_01.gif') no-repeat left top;
}

#top_nav ul li a span {
margin: 0;
*margin: -5px 1px 7px 0;
padding: 5px 14px 7px 7px;
background: transparent url('images/nav_off_02.gif') no-repeat right top;
}
#top_nav ul li a:visited span {
margin: 0;
*margin: -5px 7px 7px 0;
padding: 5px 14px 7px 7px;
background: transparent url('images/nav_off_02.gif') no-repeat right top;
}
#top_nav ul li a:hover span {
background: transparent url('images/nav_on_02.gif') no-repeat right top;
}

#top_nav ul li.active a:link {
margin: 0;
padding: 5px 0 7px 7px;
color: #036D9C;
text-decoration: none;
background: transparent url('images/nav_on_01.gif') no-repeat left top;
}
#top_nav ul li.active a:visited {
margin: 0;
padding: 5px 0 7px 7px;
color: #036D9C;
text-decoration: none;
background: transparent url('images/nav_on_01.gif') no-repeat left top;
}
#top_nav ul li.active a span {
margin: 0;
*margin: -5px 1px 7px 0;
padding: 5px 14px 7px 7px;
background: transparent url('images/nav_on_02.gif') no-repeat right top;
}


#left {
float: left;
width: 210px;
}
.left_top {
margin: 0;
padding: 0;
height: 10px;
width: 210px;
background: transparent url('images/left_top.gif') no-repeat bottom right;
}
.left_mid {
margin: 0;
padding: 0;
width: 210px;
*height: 1%;
background: transparent url('images/left_mid.gif') repeat-y top right;
}
.left_bot {
margin: 0;
padding: 0 0 15px 0;
_padding: 0;
height: 10px;
width: 210px;
background: transparent url('images/left_bot.gif') no-repeat top right;
}

#main {
margin: 17px 0 0 0;
padding: 0;
float: left;
position: relative;
z-index: 10;
width: 654px;
background: transparent url('images/main_top.gif') no-repeat top left;
}
#main_mid {
margin: 0;
padding: 0;
width: 654px;
background: transparent url('images/main_mid.gif') repeat-y top left;
}
#main_bot {
margin: -5px 0 0 0;
padding: 0 0 54px 0;
width: 654px;
background: transparent url('images/main_bot.gif') no-repeat top left;
}
#shirt {
margin: 10px 0 10px 40px;
*margin: 10px 0 10px 20px;
padding: 0;
float: left;
width: 511px;
}

#foot {
margin: 0;
padding: 0;
font-size: 9px;
text-align: center;
}

.cart1 {
margin: 0;
padding: 5px 10px;
font-size: 13px;
background-color: #AF9C85;
}
.cart2 {
margin: 0;
padding: 5px 10px;
font-size: 13px;
}
.rev1 {
margin: 0;
padding: 10px;
text-align: left;
font-size: 13px;
background-color: #AF9C85;
}
.rev2 {
margin: 0;
padding: 10px;
text-align: left;
font-size: 13px;
}
.cart_total {
margin: 0;
padding: 5px 10px;
text-align: left;
font-size: 16px;
border-bottom: #AF9C85 dotted 1px;
}
.cart_med {
margin: 0;
padding: 10px;
text-align: center;
font-size: 13px;
color: #036D9C;
}
.cart_sm {
margin: 0;
padding: 10px;
text-align: center;
font-size: 10px;
color: #036D9C;
}
.cart_input {
margin: 0;
padding: 2px;
height: 23px;
background-color: #DAD2C1;
border: #AF9C85 solid 1px;
}
.photo_desc {
margin: 3px;
padding: 0;
text-align: right;
font-size: 10px;
color: #036D9C;
}
.feature {
margin: 0;
padding: 0;
}

h2.step1 {
margin: 0 60px 13px 0;
padding: 0;
text-align: center;
}
h2.step3 {
margin: 0 60px 0 0;
padding: 0;
text-align: center;
}
p.center {
text-align: center;
}

.signup {
width: 150px;
background-color: #DAD2C1;
border: #AF9C85 solid 1px;
}
.green {
color: #023800;
}
.red {
color: #DD1100;
}
.silver {
color: #777777;
}
.pink {
color: #E577AD;
}

.brown {
color: #47090A;
}
.blue {
color: #003952;
}
.center {
text-align: center;
}
.left {
text-align: left;
}
.break {
clear: both;
height: 1px;
}
.sm {
font-size: 9px;
}
.med {
font-size: 12px;
}
.lg {
font-size: 16px;
}


/* MAIN NAV */


.btn1 {
margin: 0 8px 0 40px;
*margin: 0 8px 0 20px;
padding: 0;
float: left;
position: relative;
white-space: nowrap;
display: block;
background: transparent url('images/btn_on_iheartbacon.gif') no-repeat top left;
}
.btn1 a {
display: block;
float: left;
text-decoration: none;
}
.btn1 img {
border: 0
}
.btn1 a:hover img {
visibility: hidden;
}

.btn2 {
margin: 0 8px;
padding: 0;
float: left;
position: relative;
white-space: nowrap;
display: block;
background: transparent url('images/btn_on_baconslice.gif') no-repeat top left;
}
.btn2 a {
display: block;
float: left;
text-decoration: none;
}
.btn2 img {
border: 0
}
.btn2 a:hover img {
visibility: hidden;
}

.btn3 {
margin: 0 3px 0 8px;
padding: 0;
float: left;
position: relative;
white-space: nowrap;
display: block;
background: transparent url('images/btn_on_butcherdiagram.gif') no-repeat top left;
}
.btn3 a {
display: block;
float: left;
text-decoration: none;
}
.btn3 img {
border: 0
}
.btn3 a:hover img {
visibility: hidden;
}

#main div.right_nav {
margin: 0;
padding: 0;
width: 100px;
position: absolute;
z-index: 20;
right: 0;
top: 0;
}

.female {
margin: 0;
padding: 0;
float: left;
position: relative;
white-space: nowrap;
display: block;
background: transparent url('images/on_female.gif') no-repeat top left;
}
.female a {
display: block;
float: left;
text-decoration: none;
}
.female img {
border: 0
}
.female a:hover img {
visibility: hidden;
}

.male {
margin: 0;
padding: 0;
float: left;
position: relative;
white-space: nowrap;
display: block;
background: transparent url('images/on_male.gif') no-repeat top left;
}
.male a {
display: block;
float: left;
text-decoration: none;
}
.male img {
border: 0
}
.male a:hover img {
visibility: hidden;
}

.apron {
margin: 0;
padding: 0;
float: left;
position: relative;
white-space: nowrap;
display: block;
background: transparent url('images/on_apron.gif') no-repeat top left;
}
.apron a {
display: block;
float: left;
text-decoration: none;
}
.apron img {
border: 0
}
.apron a:hover img {
visibility: hidden;
}

.youth {
margin: 0;
padding: 0;
float: left;
position: relative;
white-space: nowrap;
display: block;
background: transparent url('images/on_youth.gif') no-repeat top left;
}
.youth a {
display: block;
float: left;
text-decoration: none;
}
.youth img {
border: 0
}
.youth a:hover img {
visibility: hidden;
}

.baby {
margin: 0;
padding: 0;
float: left;
position: relative;
white-space: nowrap;
display: block;
background: transparent url('images/on_baby.gif') no-repeat top left;
}
.baby a {
display: block;
float: left;
text-decoration: none;
}
.baby img {
border: 0
}
.baby a:hover img {
visibility: hidden;
}

.panty {
margin: 0;
padding: 0;
float: left;
position: relative;
white-space: nowrap;
display: block;
background: transparent url('images/on_panty.gif') no-repeat top left;
}
.panty a {
display: block;
float: left;
text-decoration: none;
}
.panty img {
border: 0
}
.panty a:hover img {
visibility: hidden;
}