/* Header */

h1 {display: block; text-indent: -9000px; width: 208px; height: 140px; background: transparent url(../emerald-balance-plus/img/header_logo.gif) no-repeat top left; color: transparent; margin: 0; position: relative; top: 26px; left: 0;}
h3 {font: bold 15px Arial, Verdana, sans-serif; color: #EAD50B; margin-top: 30px;}
h4 {font: bold 13px Arial, Verdana, sans-serif; color: #FBEC01; line-height: 15px; margin-bottom: 0;}
.topnav_buynow {position: absolute; top: 102px; left: 214px; z-index: 50;}
.topright_sgn {position: absolute; top: 32px; right: 13px; z-index: 50;}
.topright_home {position: absolute; top: 62px; right: 13px; z-index: 50;}

/* Right Column */

#rc {width: 225px; margin: 0 5px 0 0;}

#rc .onlinestore a:link {display: block; height: 36px; width: 225px; background: url("../emerald-balance-plus/img/rc_onlinestore.gif") no-repeat top left; margin: 0;}
#rc .onlinestore a:visited {display: block; height: 36px; width: 225px; background: url("../emerald-balance-plus/img/rc_onlinestore.gif") no-repeat top left;}
#rc .onlinestore a:hover {display: block; height: 36px; width: 225px; background-image: url("../emerald-balance-plus/img/rc_onlinestore.gif"); background-position: -225px 0;}
#rc .onlinestore a:active {display: block; height: 36px; width: 225px; background-image: url("../emerald-balance-plus/img/rc_onlinestore.gif"); background-position: -225px 0;}
#rc .onlinestore {background: url("../emerald-balance-plus/img/rc_onlinestore.gif") no-repeat top left;}

#rc .storelocator a:link {display: block; height: 36px; width: 225px; background: url("../emerald-balance-plus/img/rc_storelocator.gif") no-repeat top left; margin: 0;}
#rc .storelocator a:visited {display: block; height: 36px; width: 225px; background: url("../emerald-balance-plus/img/rc_storelocator.gif") no-repeat top left;}
#rc .storelocator a:hover {display: block; height: 36px; width: 225px; background-image: url("../emerald-balance-plus/img/rc_storelocator.gif"); background-position: -225px 0;}
#rc .storelocator a:active {display: block; height: 36px; width: 225px; background-image: url("../emerald-balance-plus/img/rc_storelocator.gif"); background-position: -225px 0;}
#rc .storelocator {background: url("../emerald-balance-plus/img/rc_storelocator.gif") no-repeat top left;}

#rc .xbingredients a:link {display: block; height: 36px; width: 225px; background: url("../emerald-balance-plus/img/rc_xbingredients.gif") no-repeat top left; margin: 0;}
#rc .xbingredients a:visited {display: block; height: 36px; width: 225px; background: url("../emerald-balance-plus/img/rc_xbingredients.gif") no-repeat top left;}
#rc .xbingredients a:hover {display: block; height: 36px; width: 225px; background-image: url("../emerald-balance-plus/img/rc_xbingredients.gif"); background-position: -225px 0;}
#rc .xbingredients a:active {display: block; height: 36px; width: 225px; background-image: url("../emerald-balance-plus/img/rc_xbingredients.gif"); background-position: -225px 0;}
#rc .xbingredients {background: url("../emerald-balance-plus/img/rc_xbingredients.gif") no-repeat top left;}

#rc .herbal a:link {display: block; height: 36px; width: 225px; background: url("../emerald-balance-plus/img/rc_herbal.gif") no-repeat top left; margin: 0;}
#rc .herbal a:visited {display: block; height: 36px; width: 225px; background: url("../emerald-balance-plus/img/rc_herbal.gif") no-repeat top left;}
#rc .herbal a:hover {display: block; height: 36px; width: 225px; background-image: url("../emerald-balance-plus/img/rc_herbal.gif"); background-position: -225px 0;}
#rc .herbal a:active {display: block; height: 36px; width: 225px; background-image: url("../emerald-balance-plus/img/rc_herbal.gif"); background-position: -225px 0;}
#rc .herbal {background: url("../emerald-balance-plus/img/rc_herbal.gif") no-repeat top left;}

#rc .newsletter a:link {display: block; height: 34px; width: 225px; background: url("../emerald-balance-plus/img/rc_newsletter.gif") no-repeat top left; margin: 0;}
#rc .newsletter a:visited {display: block; height: 34px; width: 225px; background: url("../emerald-balance-plus/img/rc_newsletter.gif") no-repeat top left;}
#rc .newsletter a:hover {display: block; height: 34px; width: 225px; background-image: url("../emerald-balance-plus/img/rc_newsletter.gif"); background-position: -225px 0;}
#rc .newsletter a:active {display: block; height: 34px; width: 225px; background-image: url("../emerald-balance-plus/img/rc_newsletter.gif"); background-position: -225px 0;}
#rc .newsletter {background: url("../emerald-balance-plus/img/rc_newsletter.gif") no-repeat top left;}

#rc .scientific a:link {display: block; height: 37px; width: 225px; background: url("../emerald-balance-plus/img/rc_scientific.gif") no-repeat top left; margin: 0;}
#rc .scientific a:visited {display: block; height: 37px; width: 225px; background: url("../emerald-balance-plus/img/rc_scientific.gif") no-repeat top left;}
#rc .scientific a:hover {display: block; height: 37px; width: 225px; background-image: url("../emerald-balance-plus/img/rc_scientific.gif"); background-position: -225px 0;}
#rc .scientific a:active {display: block; height: 37px; width: 225px; background-image: url("../emerald-balance-plus/img/rc_scientific.gif"); background-position: -225px 0;}
#rc .scientific {background: url("../emerald-balance-plus/img/rc_scientific.gif") no-repeat top left;}

#rc .pressroom a:link {display: block; height: 36px; width: 225px; background: url("../emerald-balance-plus/img/rc_pressroom.gif") no-repeat top left; margin: 0;}
#rc .pressroom a:visited {display: block; height: 36px; width: 225px; background: url("../emerald-balance-plus/img/rc_pressroom.gif") no-repeat top left;}
#rc .pressroom a:hover {display: block; height: 36px; width: 225px; background-image: url("../emerald-balance-plus/img/rc_pressroom.gif"); background-position: -225px 0;}
#rc .pressroom a:active {display: block; height: 36px; width: 225px; background-image: url("../emerald-balance-plus/img/rc_pressroom.gif"); background-position: -225px 0;}
#rc .pressroom {background: url("../emerald-balance-plus/img/rc_pressroom.gif") no-repeat top left;}

#rc .special a:link {display: block; height: 36px; width: 225px; background: url("../emerald-balance-plus/img/rc_special.gif") no-repeat top left; margin: 0;}
#rc .special a:visited {display: block; height: 36px; width: 225px; background: url("../emerald-balance-plus/img/rc_special.gif") no-repeat top left;}
#rc .special a:hover {display: block; height: 36px; width: 225px; background-image: url("../emerald-balance-plus/img/rc_special.gif"); background-position: -225px 0;}
#rc .special a:active {display: block; height: 36px; width: 225px; background-image: url("../emerald-balance-plus/img/rc_special.gif"); background-position: -225px 0;}
#rc .special {background: url("../emerald-balance-plus/img/rc_special.gif") no-repeat top left;}

#rc img.rc_100 {clear: both; float: right; margin-right: 0px; margin-bottom: 13px;}
#rc > img.rc_100 {margin-right: 0 !important;}

#rc img.rc_delicious {clear: both; float: right; margin-right: 0px; margin-bottom: 50px;}
#rc > img.rc_delicious {margin-right: 0 !important;}


/* Footer */

#footer_row1, #footer_row2 {text-align: center; font-size: 10px; list-style-type: none; margin: 0; padding: 0;}
#footer_row1 {margin-bottom: 7px !important;}
#footer_row1 li, #footer_row2 li {display: inline; border-right: 1px solid #FFFC00; margin-right: 3px; padding-right: 3px; padding-left: 2px;}
#footer_row1 > li, #footer_row2 > li {display: inline; border-right: 1px solid #FFFC00; margin-right: 3px; padding-right: 7px; padding-left: 0;}
#footer_row1 li a:link, #footer_row2 li a:link {color: #fff; text-decoration: none;}
#footer_row1 li a:visited, #footer_row2 li a:visited {color: #fff; text-decoration: none;}
#footer_row1 li a:hover, #footer_row2 li a:hover {color: #fff; text-decoration: underline;}
#footer_row1 li a:active, #footer_row2 li a:active {color: #fff; text-decoration: none;}
#footer_row1 li.last, #footer_row2 li.last {border: 0;}

.footer_copyright {font-size: 10px; text-align: center; margin-top: 20px;}
.footer_copyright a:link {text-decoration: none;}
.footer_copyright a:visited {text-decoration: none;}
.footer_copyright a:hover {text-decoration: underline;}
.footer_copyright a:active {text-decoration: none;}


/* XB Home Welcome Message */

#xbhome_welcome {position: relative; margin: 0 0 0 20px;}


/* Category Page Template */

#content {margin: 20px 20px 30px 44px;}
#content img.title_image {margin-left: -5px; margin-bottom: -5px;}
#content h3 {margin-left: -5px; margin-bottom: -3px;}
#content p {margin-left: 3px;}

#category {margin: 0 20px 30px 44px;}
#category img.title_image {margin-left: -5px; margin-bottom: -5px;}


/* Product Page */
#product {margin: 0 20px 30px 44px;}
#product img.title_image {margin-left: -5px; margin-bottom: -5px;}


/* Order Pages Styles */


/* General Identifiers */

#wrap {width: 760px; background: white url(../emerald-balance-plus/img/wrap_bg.gif) repeat-y top left;}
#header {background: transparent url(../emerald-balance-plus/img/header_bg.jpg) no-repeat top left; margin: 0 !important; height: 322px; position: relative;}
#topshop {position: absolute; top: 4px; left: 10px; margin: 0;}
#topshop img.checkout, #topshop img.login {margin-right: 20px;}

#topnav {position: absolute; top: 60px; right: 168px; margin: 0; width: 380px;}

#topnav .inspiration a:link {display: block; height: 31px; width: 115px; background: url("../emerald-balance-plus/img/topnav_inspiration.gif") no-repeat top left; margin: 0; position: absolute; top: 0; left: 4px;}
#topnav .inspiration a:visited {display: block; height: 31px; width: 115px; background: url("../emerald-balance-plus/img/topnav_inspiration.gif") no-repeat top left; position: absolute; top: 0; left: 4px;}
#topnav .inspiration a:hover {display: block; height: 31px; width: 115px; background-image: url("../emerald-balance-plus/img/topnav_inspiration.gif"); background-position: -115px 0; position: absolute; top: 0; left: 4px;}
#topnav .inspiration a:active {display: block; height: 31px; width: 115px; background-image: url("../emerald-balance-plus/img/topnav_inspiration.gif"); background-position: -115px 0; position: absolute; top: 0; left: 4px;}
#topnav .inspiration {background: url("../emerald-balance-plus/img/topnav_inspiration.gif") no-repeat top left;}

#topnav .faq a:link {display: block; height: 31px; width: 39px; background: url("../emerald-balance-plus/img/topnav_faq.gif") no-repeat top left; margin: 0; position: absolute; top: 0; left: 125px;}
#topnav .faq a:visited {display: block; height: 31px; width: 39px; background: url("../emerald-balance-plus/img/topnav_faq.gif") no-repeat top left; position: absolute; top: 0; left: 125px;}
#topnav .faq a:hover {display: block; height: 31px; width: 39px; background-image: url("../emerald-balance-plus/img/topnav_faq.gif"); background-position: -39px 0; position: absolute; top: 0; left: 125px;}
#topnav .faq a:active {display: block; height: 31px; width: 39px; background-image: url("../emerald-balance-plus/img/topnav_faq.gif"); background-position: -39px 0; position: absolute; top: 0; left: 125px;}
#topnav .faq {background: url("../emerald-balance-plus/img/topnav_faq.gif") no-repeat top left;}

#topnav .testimonials a:link {display: block; height: 31px; width: 125px; background: url("../emerald-balance-plus/img/topnav_testimonials.gif") no-repeat top left; margin: 0; position: absolute; top: 0; left: 170px;}
#topnav .testimonials a:visited {display: block; height: 31px; width: 125px; background: url("../emerald-balance-plus/img/topnav_testimonials.gif") no-repeat top left; position: absolute; top: 0; left: 170px;}
#topnav .testimonials a:hover {display: block; height: 31px; width: 125px; background-image: url("../emerald-balance-plus/img/topnav_testimonials.gif"); background-position: -125px 0; position: absolute; top: 0; left: 170px;}
#topnav .testimonials a:active {display: block; height: 31px; width: 125px; background-image: url("../emerald-balance-plus/img/topnav_testimonials.gif"); background-position: -125px 0; position: absolute; top: 0; left: 170px;}
#topnav .testimonials {background: url("../emerald-balance-plus/img/topnav_testimonials.gif") no-repeat top left;}

/*
#topnav .products a:link {display: block; height: 31px; width: 78px; background: url("../emerald-balance-plus/img/topnav_products.gif") no-repeat top left; margin: 0; position: absolute; top: 0; left: 300px;}
#topnav .products a:visited {display: block; height: 31px; width: 78px; background: url("../emerald-balance-plus/img/topnav_products.gif") no-repeat top left; position: absolute; top: 0; left: 300px;}
#topnav .products a:hover {display: block; height: 31px; width: 78px; background-image: url("../emerald-balance-plus/img/topnav_products.gif"); background-position: -78px 0; position: absolute; top: 0; left: 300px;}
#topnav .products a:active {display: block; height: 31px; width: 78px; background-image: url("../emerald-balance-plus/img/topnav_products.gif"); background-position: -78px 0; position: absolute; top: 0; left: 300px;}
#topnav .products {background: url("../emerald-balance-plus/img/topnav_products.gif") no-repeat top left;}
*/

#topnav .products a:link {display: block; height: 31px; width: 78px; background: url("../emerald-balance-plus/img/topnav_products.gif") no-repeat top left; margin: 0; position: absolute; top: 0; left: 300px;}
#topnav .products a:visited {display: block; height: 31px; width: 78px; background: url("../emerald-balance-plus/img/topnav_products.gif") no-repeat top left; position: absolute; top: 0; left: 300px;}
#topnav .products a:hover {display: block; height: 31px; width: 78px; background-image: url("../emerald-balance-plus/img/topnav_products.gif"); background-position: -78px 0; position: absolute; top: 0; left: 300px;}
#topnav .products a:active {display: block; height: 31px; width: 78px; background-image: url("../emerald-balance-plus/img/topnav_products.gif"); background-position: -78px 0; position: absolute; top: 0; left: 300px;}
#topnav div.products {position: absolute; top: 0; left: 0; background: url("../emerald-balance-plus/img/topnav_products.gif") no-repeat top left;}


/* General Elements */

body {font: 12px Arial, Verdana, sans-serif; color: #600; background: #735723 url(../emerald-balance-plus/img/body_bg.jpg) repeat top left; margin: 0;}
div, td {font: 12px Arial, Verdana, sans-serif; color: #600;}

a:link {color: #600;}
a:visited {color: #600;}
a:hover {color: #600;}
a:active {color: #600;}

img {border: 0;}

blockquote {margin: 0; padding: 0;}


/*************^*_-*+x+x+*-_*^*************/
/**@@ General Identifiers and Classes @@**/
/*************^*_-*+x+x+*-_*^*************/

/*Ingredients*/
table.ingredients {margin-top: 20px;}
table.ingredients tr {background: transparent url(img/horizontal_fade.gif) repeat-y top left; border-bottom: 3px solid #C2942D;}
table.ingredients td {border: 3px solid #C2942D;}
td.herb {font-weight: bold; font-size: 12px; padding: 10px;}
td.description {font-size: 11px; padding: 10px;}

/*Category Page Pieces*/
font table tbody tr td font input {border: 3px double #BECBB1; font: 11px Arial, Verdana, sans-serif; color: #434343; background: transparent url(../emerald-balance-plus/img/button_bg.jpg) repeat-x top left; margin-bottom: 20px;}
#category font table td font a b {font: bold 13px Arial, Verdana, sans-serif; line-height: 15px;}
#category font table td img {margin-right: 20px;}

/*X-B Homepage*/
#xbhome_bullets {font-weight: bold; list-style-type: none;}
#xbhome_bullets li {margin-bottom: 10px;}
#xbhome_bullets a:link {text-decoration: none; padding: 0 0 0 22px; background: transparent url(img/double_arrow.gif) no-repeat center left !important;}
#xbhome_bullets a:visited {text-decoration: none; padding: 0 0 0 22px; background: transparent url(img/double_arrow.gif) no-repeat center left !important;}
#xbhome_bullets a:hover {text-decoration: underline; padding: 0 0 0 22px; background: transparent url(img/double_arrow.gif) no-repeat center left !important;}
#xbhome_bullets a:active {text-decoration: underline; padding: 0 0 0 22px; background: transparent url(img/double_arrow.gif) no-repeat center left !important;}

/*X-B FAQ*/
#faq_top {border-bottom: 1px solid #FBE50A; padding-bottom: 10px; margin-top: 20px;}
#faq_top p {margin-bottom: 0; margin-top: 5px; font-weight: bold; padding: 2px; background: transparent url(img/horizontal_fade.gif) repeat-y top left;}
#faq_top p a:link {text-decoration: none;}
#faq_top p a:visited {text-decoration: none;}
#faq_top p a:hover {text-decoration: underline;}
#faq_top p a:active {text-decoration: underline;}
.faq_q {font-weight: bold; color: #620; margin-bottom: 0;}
.faq_a {clear: both; margin-top: 5px; margin-bottom: 15px;}

/*Testimonials*/
.testimonial {margin-bottom: 0;}
.testimonial_name {margin-top: 5px; margin-bottom: 15px; color: #FBE50A;}

/*Popups*/
#xb_popup {width: 550px; margin: 10px; padding: 0;}
#xb_popup h3 {margin-top: 0;}
#xb_popup p {color: #fff;}