@font-face { font-family: header_font; src: url('../image/FuturaStd-Medium.otf') format('opentype'); }

body { font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, sans-serif; font-size: 12px; line-height: 1.4em; }

.futura { font-weight: normal; font-family: header_font, Futura, "Futura Std", "Futura Lt BT", "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, sans-serif; font-size: 16px; }

#navigation { width: 960px; height: 57px; background: url(../image/page.png) repeat-y 0 0; padding: 0 9px; margin: auto 0; }
#navigation li { font-weight: normal; font-family: header_font, Futura, "Futura Std", "Futura Lt BT", "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, sans-serif; list-style: none; margin: 0 8px; display: inline; }
#navigation li a { text-decoration: none; font-size: 14px; color: #feebcb; }
#navigation li a:hover { text-decoration: none; font-size: 14px; color: white; }
#navigation li a span { display: none; }
#navigation ul { background: url(../image/navigation.jpg); height: 57px; padding-top: 21px; }

#all { width: 100%; background: #fff url(../image/bg.jpg) repeat-x 0 0; }

#page { margin: 0 auto; width: 978px; padding: 24px 0 0 0; text-align: center; }

#header { background: url(../image/header.jpg) no-repeat 0 0; width: 914px; height: 119px; padding: 8px 0 0 64px; text-align: left; }
#header strong { display: block; background: url(../image/logo.png) no-repeat 100% 100%; height: 117px; width: 318px; }
#header strong a { display: block; height: 117px; width: 318px; position: relative; }
#header strong a span { display: none; }

#content { background: url(../image/page.png) repeat-y 0 0; padding: 0 9px; width: 960px; text-align: left; float: left; }
#content .bg { padding: 27px 97px 0px; background: #fff url(../image/content.jpg) no-repeat 0 0; float: left; width: 766px; min-height: 300px; }
#content h1, #content h2, #content h3, #content h4 { font-weight: normal; font-family: header_font, Futura, "Futura Std", "Futura Lt BT", "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, sans-serif; color: #dd662c; margin-bottom: 6px; }
#content h1 { font-size: 20px; }
#content h2 { font-size: 18px; }
#content h3 { font-size: 15px; }
#content p { padding-top: 2px; padding-bottom: 10px; }
#content .foto { float: right; width: 340px; padding-left: 24px; color: #999991; font-size: 9px; text-align: right; }
#content .foto img { float: right; padding-bottom: 3px; }
#content .foto p { float: right; font-size: 9px; padding: 3px 0 0 0; }
#content a { color: #dd662c; text-decoration: none; }
#content a.single_line { background: url(../image/bullet.gif) no-repeat 0 3px; padding: 0 8px 0 11px; color: #dd662c; font-size: 12px; text-decoration: none; line-height: 15px; display: block; }
#content a:hover { text-decoration: underline; }
#content a img { border: none; }
#content img.balm { margin: 10px 0 0 28px; float: left; }
#content .buy_now_container { padding: 16px 20px 30px; }
#content .buy_now_container div { float: left; }
#content .buy_now_container .learn_more { background: url(../image/bullet.gif) no-repeat 0 10px; padding: 6px 8px 0 11px; }
#content .buy_now_container .learn_more a { padding-right: 4px; }
#content .certifications { float: left; padding-top: 6px; padding-left: 100px; }
#content .certifications a { padding: 4px 14px; float: left; }
#content .state { margin-left: 20px; }
#content .state .location { float: left; width: 238px; margin: 22px 10px 16px 0; }
#content .state .location p { margin: 0; padding: 0; }
#content .state .dividingLine { height: 1px; width: 100%; background-color: #dd662c; margin: auto; }

.half { width: 50%; float: left; }

.third { width: 33%; float: left; }

#footer { clear: both; background: url(../image/footer.jpg) no-repeat 0 0; width: 978px; height: 13px; padding: 81px 0 0 0; }
#footer p { color: #999991; font-size: 10px; text-decoration: none; float: left; padding: 0 0 0 29px; }
#footer p a { color: #999991; font-size: 10px; text-decoration: none; }
#footer p a:link { color: #999991; font-size: 10px; text-decoration: none; color: #999991; font-size: 10px; text-decoration: none; }
#footer p a:link:visited { color: #999991; font-size: 10px; text-decoration: none; }
#footer p a:hover { text-decoration: underline; }
#footer ul { float: right; padding: 0 31px 0 0; }
#footer li { list-style: none; margin: 0 0 0 17px; float: left; }
#footer li a { text-decoration: none; color: #999991; font-size: 10px; display: block; float: left; }
#footer li a:hover { text-decoration: underline; }

.note { font-size: 11px; }

.inline { float: left; padding-right: 6px; }

#blog_right_column { display: none; }

.rollover { display: block; overflow: hidden; height: 28px; width: 92px; background-position: top; }
.rollover:hover { background-position: center; }
.rollover:active { background-position: bottom; }
.rollover span { display: none; }
.rollover#buy_now { background-image: url(../image/buy_now.png); }

#order_form #products { float: left; margin-top: 20px; }
#order_form #products .product { width: 444px; margin-bottom: 26px; }
#order_form #products .product .picture_and_quantity { float: left; width: 104px; }
#order_form #products .product .picture_and_quantity .picture { margin: 0 auto; }
#order_form #products .product .picture_and_quantity .picture a { margin: 0 auto; }
#order_form #products .product .picture_and_quantity .picture a img { border: 1px solid; border-color: #4C3B28; background-color: #BCB090; padding: 1px; }
#order_form #products .product .picture_and_quantity .quantity_area { text-align: center; margin-top: 3px; }
#order_form #products .product .picture_and_quantity .quantity_area .note { margin-top: 3px; }
#order_form #products .product .description { float: left; width: 300px; margin: 0 20px; }

#submit_order_outside { position: relative; float: left; }

#submit_order_middle { position: fixed; width: 322px; }

#submit_order_inside { position: absolute; padding: 6px 10px; left: 1px; right: 0; top: 1px; border-width: 1px; border-style: solid; }

table.order_form { font-size: 12px; }
table.order_form td { text-align: center; padding: 6px 8px; }
table.order_form th { font-size: 13px; padding: 3px 10px; border-top: 2px solid; border-bottom: 2px solid; }
table.order_form tr.totals_row { font-size: 13px; border-top: 2px solid; }
table.order_form td.item_name { text-align: right; }
table.order_form td.quantity { text-align: center; }
table.order_form td.currency { text-align: right; }

.mc-field-group { margin-bottom: 7px; }

.signup_form input[type=text] { padding: 5px; width: 200px; border: 1px solid #bbbbbb; }
.signup_form input[type=text]:focus { border: 1px solid #dd662c; outline: none; }

.free_sample_signup { display: inline; float: left; margin-right: 8px; width: 379px; padding-left: 160px; padding-right: 200px; }
* html .free_sample_signup { overflow-x: hidden; }
.free_sample_signup input[type=text] { width: 278px; }
.free_sample_signup #mce-FNAME { width: 110px; }
.free_sample_signup #mce-LNAME { width: 150px; }
.free_sample_signup #mce-ADDRESS-city { width: 150px; }
.free_sample_signup #mce-ADDRESS-zip { width: 110px; }

.newsletter_signup { display: inline; float: left; margin-right: 8px; width: 293px; padding-left: 40px; padding-right: 40px; }
* html .newsletter_signup { overflow-x: hidden; }
.newsletter_signup p { font-size: 11px; }

.connect { padding-left: 40px; display: inline; float: left; margin-right: 0; width: 336px; }
* html .connect { overflow-x: hidden; }
.connect ul#contact { margin: 0; }
.connect ul#contact li { list-style-type: none; margin-left: 0px; }
.connect ul#contact li a { display: block; padding: 10px; margin: 8px 0; height: 32px; width: 230px; }
.connect ul#contact li a:hover { border: 1px solid #999991; padding: 9px; background-color: white; cursor: pointer; }
.connect ul#contact li a img { display: block; float: left; }
.connect ul#contact li a span { display: block; float: left; padding: 8px 0 0 12px; }
