body { background: #f8f2e7; margin: 0; padding: 0; font-family: Verdana, sans-serif; color: #544839; text-align: left; }
div { position: relative; display: block; margin: 0 auto; padding: 0; }
.clear { clear: both; }
.column { display: block; float: left; text-align: left; }
a { color: #9a6024; font-weight: bold; text-decoration: none; }
hr { color: #cfc6bc; background: #cfc6bc; padding: 0; margin-top: 10px; margin-bottom: 10px; border: 0; clear: both; height: 1px; }
form { margin: 0; padding: 0; }

.container { width: 847px; background: url("../images/content.jpg") center repeat-y; text-align: center; }
.header { width: 847px; height: 141px; background: url("../images/header.jpg") top center no-repeat; }
.logo { position: absolute; top: 30px; left: 32px; }
.nav { position: absolute; top: 114px; left: 29px; }
.nav ul li { display: inline; }
.nav ul, .nav li, .nav li a { list-style: none; margin: 0; padding: 0; border: 0; }
.nav ul li a { padding: 0 10px 0 10px; border-right: 1px solid #544839; text-shadow: 1px 1px 0px #fbf8f4; font-size: 10px; text-decoration: none; font-weight: bold; color: #544839; line-height: 10px; display: block; float: left; }
.nav ul li a:hover { color: #976522; }

.bigpic { width: 803px; height: 292px; background: url("../images/bigpic.jpg") center no-repeat; }
.bigpic-text { width: 365px; position: absolute; top: 65px; left: 18px; }
.bigpic-text p { font-size: 10px; color: #fcfaf7; line-height: 12px; text-align: left; }
.bigpic-text a { color: #f0bf16; }
.bigpic-text a:hover { color: #FF8040; }

.step-nav { width: 803px; height: 49px; background: url("../images/step-nav.gif") top center no-repeat; }
ol#toc li { display: inline; }
ol#toc, ol#toc li { list-style: none; padding: 0; margin: 0; }
ol#toc { margin-left: 60px; }
ol#toc li a { display: block; float: left; text-align: center; width: 143px; height: 39px; overflow: hidden; background: url("../images/step-nav.jpg"); background-position: 0px -43px; font-size: 11px; color: #beb7ac; line-height: 14px; text-decoration: none; margin-right: 4px; padding-top: 4px; text-shadow: 1px 1px 0px #fcf8f4; }
ol#toc li a:hover, ol#toc li a.active { background: url("../images/step-nav.jpg"); color: #775f46; }
ol#toc li a strong { padding-top: 5px; }
div.inactive { display: none; }
#pg1, #pg2, #pg3, #pg4, #pg5 { width: 795px; font-size: 10px; line-height: 15px; }

h2 { font-size: 18px; font-weight: bold; color: #776753; text-transform: uppercase; letter-spacing: -1px; }

.radio-btns { width: 50px; text-align: center; border-left: 1px solid #b0a594; border-right: 1px solid #b0a594; margin-right: 10px; }
.radiobtn { width: 45px; height: 100px; text-align: center; display: block; background: url("../images/radiobtn.jpg") center repeat-x; }
.thumb { width: 295px; height: 68px; font-size: 11px; line-height: 12px; margin-right: 30px; margin-left: 0px; margin-top: 0px; }
.thumb a img, .tbthumb a img { border: 3px double #324946; float: left; margin-right: 10px; margin-bottom: 20px; }
.plus { width: 18px; height: 19px; position: absolute; left: 3px; top: 3px; }
.plus a img { border: 0px; margin: 0px; }
.liner { width: 100%; text-align: center; }
.dropdown { font-size: 10px; }
.thumb { font-size: 10px; line-height: 13px; }
.thumb strong, .trim b { color: #935515; }

.btn a { padding: 5px; display: block; color: #fff; text-shadow: 1px 1px 0px #222; text-decoration: none; font-size: 11px; text-align: center; font-weight: bold; color: #fff; text-decoration: none; background: url("http://www.teenybfitness.com/images/wht-gradient.png") repeat-x #946a3d; margin: 2px; -moz-border-radius: 10px;  -webkit-border-radius: 10px; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; }
.btn a:hover { background: url("http://www.teenybfitness.com/images/wht-gradient.png") #bf9e73 repeat-x; }
.nextstep { width: 150px; }

.color, .trim { background: url("http://www.teenybfitness.com/images/color-bg.png") repeat-x; width: 88px; text-align: center; font-size: 11px; font-weight: bold; color: #6c5d46; padding: 8px; border: 1px solid #b5aea4; margin: 3px; }
.color img, .trim a img { border: 3px double #b0a594; margin: 3px; display: block; margin: 0 auto; }
.select-color { margin-left: 4px; margin-bottom: 10px; }
.trim { width: 155px; height: 235px; font-size: 10px; line-height: 12px; text-align: center; font-weight: normal; }
.select-trim ul, .select-trim ul li { list-style: none; }

.formlabel { width: 90px; height: 34px; text-align: right; font-size: 10px; margin: 0px; line-height: 34px; padding-right: 10px; margin-bottom: 6px; }
.textbox { width: 272px; height: 34px; -moz-border-radius: 5px;  -webkit-border-radius: 5px; background: #fff; border: 1px solid #cfc6bc; }
.textbox2 { width: 272px; height: 34px; margin: 0px; padding-top: 4px; }
.text, .selectbox { border: none; background: transparent; font-size: 11px; font-weight: bold; color: #555; padding-top: 8px; padding-left: 8px; width: 252px; margin: 0px; }
.selectbox { width: 272px; background: #fff; padding: 0; }
.dropdown { font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin-top: 3px; border: 0; padding: 3px; }

.footer { width: 847px; height: 108px; background: url("../images/footer.jpg") top center no-repeat; text-align: center; }
.footer p { font-size: 10px; padding-top: 30px; }