/* CSS Document */
* { margin: 0; padding: 0; }

html, body { height: 100%; width: 100%; }
body { padding: 0; font-family: 'Myriad Pro', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #fefefe; background: url('../images/site_bg.jpg') no-repeat top center #020200; }

a, a:visited { color: #c2c23f; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { color: #c2c23f; font-weight: bold; text-decoration: none; }

h1 { font-size: 26px; margin: 5px 0; }
h2 { font-size: 20px; font-weight: normal; margin: 5px 0; }

p { text-align: justify; margin: 10px 0; }

.centered { margin: 0 auto; }

#outer { width: 100%; text-align: center; }
#inner { width: 898px; position: relative; margin: 0 auto; }
#logo_phone { position: relative; width: 849px; height: 92px; margin: 10px auto; text-indent: -9000px; background: url('../images/logo_phone.png') no-repeat top left transparent; }

#facebook_link, #facebook_pic { position: absolute; right: 0; top: 0; z-index: 1; }

#footer { margin: 25px auto 0 auto; width: 898px; height: 80px; border-top: dashed #f8f2ca 1px; }
#copyright { padding-top: 10px; color: #f8f2ca; }

#translucent { position: relative; z-index: 1; text-align: left; margin: 0 auto; padding: 40px 0 20px 0; background: url('../images/inner_tile.png') repeat top center transparent; }
#inventory_translucent { position: relative; z-index: 1; text-align: left; margin: 0 auto; padding: 40px 0 20px 0; background: url('../images/inventory_tile.png') repeat-y center top transparent; }

#content { position: relative; width: 95%; margin: 0 auto; }
#inventory_content { position: relative; width: 100%; margin: 0 auto; }

#top_nav { position: absolute; top: -6px; z-index: 2; width: 95%; height: 31px; text-align: left; margin: 0 2.5%; background-color: #054c13; }
#top_nav ul { list-style: none outside none; margin-top: 6px; }
#top_nav li { display: inline; }
#top_nav li a { color: white; font-size: 13px; font-weight: normal; margin: 0 16px; padding: 0 5px 0 16px; background: url('../images/nav_bullet.gif') no-repeat left center transparent; }
#top_nav li a:hover, #top_nav li a.selected { text-decoration: none; background: url('../images/nav_blankbullet.gif') no-repeat left center transparent; }


#footer_nav { margin-top: 10px; list-style: none outside none; }
#footer_nav li { display: inline; }
#footer_nav li a { color: #c2c23f; font-size: 12px; font-weight: normal; padding: 0 5px; border-left: solid #c2c23f 1px; }
#footer_nav li a.first { border-left: none; }

/* HOME PAGE STUFF */
#flash_placeholder { position: relative; z-index: 99; width: 95%; margin: -15px 0 -20px 25px; }

/* INVENTORY PAGE STUFF */
#category_header { width: 218px; height: 30px; padding-top: 10px; text-align: center; font-size: 16px; font-weight: normal; border-bottom: solid white 1px; }
#inventory_left { float: left; width: 220px; height: 100%; margin-top: -15px; }
#inventory_left ul { list-style: none outside none; width: 200px; margin: 20px 5px 20px 10px; }
#inventory_left ul li { margin: 4px 0; }
#inventory_left ul li a { display: block; font-size: 16px; font-weight: normal; color: #fefefe; padding-left: 15px; background: url('../images/cat_bullet.png') no-repeat 0 5px transparent; cursor: hand; cursor: pointer; }
#inventory_left ul li a:hover { text-decoration: none; }
#inventory_right { float: right; width: 640px; margin-right: 20px; }
#no_products { width: 80%; margin: 60px auto; padding: 40px; border: solid white 1px; text-align: center; background-color: #054c13; }


.product_wrapper { position: relative; margin-bottom: 35px; width: 315px; }
.product_link { display: block; width: 100%; height: 100%; position: absolute; z-index: 999; top: 0; left: 0; background: url('../images/transparent_tile.png') repeat top center transparent; }
.product_left { position: relative; z-index: 0; float: left; width: 100%; overflow: hidden; }
.product_right { position: relative; z-index: 0; float: left; width: 100%; padding-right: 10px; }
.product_thumb {  }

/* DETAIL PAGE STUFF */
#detail_wrapper {  }
#detail_left { float: left; width: 325px; }
#detail_right { float: right; width: 300px; }

#detail_bottom { width: 100%; margin-top: 20px; }
#detail_bottom ul { list-style: none outside none; }
#detail_bottom ul li { margin: 10px 0; }
#detail_bottom ul li a { display: block; text-align: center; width: 300px; font-weight: bold; font-size: 14px; background-color: white; color: #542610; padding: 4px 0; }
#detail_bottom ul li a.share { display: block; text-align: center; width: 300px; font-weight: bold; font-size: 14px; background-color: transparent; color: #542610; padding: 4px 0; }
#detail_bottom ul li a:hover { text-decoration: none; }


#main_pic { width: 325px; border: solid white 1px; }
#thumbnails { margin: 2px auto; }
.thumb_pic_wrapper { float: left; width: 48px; height: 48px; margin: 2px; overflow: hidden; border: solid white 1px;  }
.thumb_pic { width: 48px; }
.detail_table_left { padding-right: 20px; }
/*.detail_table_description { text-align: justify; }*/
 


/* OUR STORY PAGE STUFF */
#our_story { width: 95%; margin: 10px 0 15px 25px; }

/* CONTACT US PAGE STUFF */
#contact_left { float: left; width: 365px; margin: 10px 0 0 20px; }
#contact_right { float: right; width: 460px;}
#contact_form { font-weight: bold; padding: 10px; width: 100%; color: #FEFEFE;}
#contact_form input[type="text"], #contact_form textarea { width: 250px;}
#captcha_img { margin: 10px 0 10px 140px; border: solid 1px #FEFEFE; }
#contact_form label, #contact_form input { display: block; width: 120px; float: left; margin-bottom: 10px; }
#contact_form label { text-align: right; padding-right: 20px; }
.small { font-size: 10px; }
.clear_left { clear: left; }
#submit_btn { margin-left: 140px; }


/* HACKS */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */