body { background: url(images/bg_home.jpg) no-repeat center top #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #473017; margin:0px; }
body.sec { background-repeat: no-repeat; background-position: center 20px; }
body.blank { background: url(images/bg_blank.jpg) repeat-y center 20px; }
body.detail { background-repeat: no-repeat; font-size: 14px; color: #412F18; }

a {color:#636a1a; }
a:hover { color:#000; }
a img { border:none; }

/* somewhat generic elements */
.container { width: 938px; margin: 0px auto; }
#top_stripe { background: url(images/top_stripe.jpg); height: 10px; }
#top_logo { float: left; width: 938px; }
#top_phone { float: right; width: 289px; }
#toc { clear: both; }
#flash { float: right; height: 400px; width: 605px; margin-right: 25px; }
#free { float: left; width: 240px; margin: 330px 0px 0px 20px; height: 237px; }
#free.sec { margin:0px 0px 0px 28px; }
#bg_footer { background: url(images/bg_btm.jpg) repeat-x #889123; height: 450px; float: left; width: 100%; }
#footer_info { background: url(images/bg_footer.jpg) no-repeat center top; height: 275px; width: 941px; margin: 0px auto; }
#Be_Our_Friend { margin: 75px 0px 0px 48px; width: 185px; font-size: 12px; line-height: 14px; color: #3F2A1B; float: left; }
#latest_news { margin: 37px 0px 0px 38px; width: 185px; font-size: 12px; line-height: 14px; color: #3F2A1B; float: left; }
#latest_news a.title img { display:block; margin-bottom: 10px; }
#newsletter { margin: 75px 0px 0px 38px; width: 185px; font-size: 12px; line-height: 14px; color: #3F2A1B; float: left; }
#what { float: left; height: 60px; width: 195px; margin: 60px 0px 0px 15px; font-size: 12px; line-height: 14px; color: #FFFFFF; }
#why { float: left; height: 60px; width: 190px; margin: 60px 0px 0px 30px; font-size: 12px; line-height: 14px; color: #FFFFFF; }
#how { float: left; height: 60px; width: 190px; margin: 60px 0px 0px 35px; font-size: 12px; line-height: 14px; color: #FFFFFF; }
#Got_Your_Back { float: right; width: 81px; margin: 30px 89px 0px 0px; }
#Btm_Text_1 { margin: 25px 0px 30px 45px; width: 420px; float: left; clear: left; }
#Btm_Text_2 { width: 425px; font-size: 18px;	line-height: 22px; font-weight: bold; float: left; margin: 25px 0px 0px 25px; }
#Btm_Text_1 p, #Btm_Text_2 p { margin:0px; padding:0px 0px 10px 0px; }
#Top_Text { float: right; width: 525px; height: 150px; margin: 40px 55px 25px 0px; }
#blank-text { padding:10px 10px; width:936px; }
#title { float: left; width: 249px; height: 129px; margin: 29px 0px 0px 74px; }
#free { float: left; height: 227px; width: 221px; margin-top: 430px 0px 0px 32px; }

/* skinny text */
#skinny-text {width:704px; margin:0px auto 60px auto; }
.skinny-text, .skinny-text-light {margin:0px 50px 0px 120px; line-height:24px; font-size:14px; }
.skinny-text { font-weight:bold; }
.skinny-text p { margin-bottom: 30px; padding-bottom:0px; }
.skinny-col-left { width:390px; float:left; margin:20px 0px 50px 0px; }
.skinny-col-left p, .skinny-col-left table {margin-left:125px;  }
.skinny-col-left table { width: 225px; }
.skinny-col-right { width:300px; float:right; margin-top:200px; }

/* how it works */
ol.hiw { list-style-type:none; margin:0px; padding:0px 0px 70px 0px; line-height:20px; }
ol.hiw li { margin:0px 0px 15px 45px; padding:5px 0px; clear:both; text-indent: -45px; }
ol.hiw li .num { color:#7b9fb5; font-size:42px; vertical-align:top; padding-right:10px; }
ol.hiw li .num:after { content: "."; }
ol.hiw li .hiw-text { width: 495px; margin-top:7px; font-size:20px; line-height:30px; }

/* home page */
#home-btm-container { clear:both; width: 920px; margin: 0px auto; }
#home-btm-container #Btm_Text_2 { padding-top:35px; }

/* detail specific styles */
#detail-title { width: 230px; margin: 185px 0px 0px 30px; background:none; }
.name { font-size: 22px; color: #473017; line-height: 20px; font-weight: bold; background:none; }
.template { font-size: 14px; line-height: 20px; font-weight: bold; color: #473017; background:none; }
#info { width: 230px; float: left; margin: 15px 0px 0px 30px; clear: left; height:80px; font-size:13px; line-height:15px; background:none; }
#form { width: 230px; float: left; margin: 90px 0px 0px 30px; clear: left; font-weight: bold; font-size: 12px; background:none; }
#shirt { position:absolute; left:265px; top:20px; height: 550px; width: 533px; background:none; }


/* slider specific styles */
/* #Scroll { position: absolute; z-index: 100; width: 100%; top: 365px; height: 339px; } */
ul#shirt-list { list-style-type:none; margin:0px; height:306px; padding:0px; position:relative; }
ul#shirt-list li { float:left; text-align:center; color:#fff; width: 297px; height 306px; }
ul#shirt-list.short li { display:inline; }
ul#shirt-list.short { text-align:center; margin:0px auto; }
img.shirt-thumb { width: 297px; height 306px; }
#slide-area { clear:both; width:100%; overflow:hidden; height:306px; padding:33px 0px 18px 0px; }
.handle { background:url(/images/btn_scroll.gif) 0px -3px; width:169px; height:16px; cursor:move; position:absolute; }
.slider-bg { background:url(/images/bg_scroll.gif) -3px -3px no-repeat; width:893px; margin:0px auto; } 
#slider { clear:both; margin:0px auto; width:843px; padding:0px; height:16px; position:relative; }

/* milonic drop down menu */
.mm_over a, .mm_out a { font-weight:bold; text-decoration:none; color:#fff; }
.mm_over, .mm_out { padding:4px; font-size:12px; border:1px solid #fff; width:144px; }
.mm_over { background: #724a1e; }
.mm_out { background: #473017; }

/* apparel */
.apparel-header { background: url(/images/hd_apparel.gif) no-repeat center top; padding:160px 200px 80px 250px; }

/* news */
h2.news-title {margin:0px; padding:0px;}
p.date { margin:0px; padding:0px; font-style:italic; }

/* footer */
#footer_info ul.toc { list-style-type:none; clear:both; margin:0px auto; padding: 5px 0px; width: 310px; }
#footer_info ul.toc.top { padding:30px 0px 0px 0px }
#footer_info ul.toc li { float:left; margin:0px 5px 0px 0px; padding: 0px 5px 0px 0px; border-right:1px solid #fff; line-height:13px; }
#footer_info ul.toc li.last { border:none; }
#footer_info ul.toc li a { color:#fff; font-size:11px; }
#footer_info ul.toc li a:hover { color:#473017; }
#footer_info ul.toc.landing { clear:both; margin:20px auto; width:500px; text-align:center; }
#footer_info ul.toc.landing li { display:inline; float:none; }


#footer_info div.address, #footer_info div.copyright { color:#fff; clear:both; font-size:11px; line-height:12px; margin:0px auto; text-align:center; padding:20px 0px 0px 0px; }