/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

img { border: 0; }
img.left { float: left; }
img.right { float: right; }

/* TYPE */
body { font: 12px/18px arial, verdana, sans-serif; background-color: #fff; color: #333; }

a { color: #000000; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; }
abbr { border: 0; }

p { margin-bottom: 18px; }
h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }

#browser-message { position: absolute; top: 0; left: 0; width: 99%; background: #ffea00; color: #000; padding: 4px; text-align: center; font-size: 12px; font-family: arial; }

/* PRINT */
@media print {
	body, #main, #content { color: #000 !important; }
	a, a:link, a:visited { color: #000 !important; text-decoration:none !important; }
}

/*===========================================================================*/
html { padding: 0; margin: 0; overflow-y: scroll; }

/*===========================================================================*/
body { padding: 0; margin: 0; background-color: #ffffff; }

/*===========================================================================*/
#top-nav-wrapper { height: 24px; background-color: #007DC3; width: 100%; }
#top-nav-wrapper #top-nav { width: 960px; margin: auto; }
#top-nav-wrapper #top-nav ul { list-style-type: none; padding: 0; margin: 0; height: 24px; }
#top-nav-wrapper #top-nav ul li { float: left; padding: 0; margin: 0; }
#top-nav-wrapper #top-nav ul li a { display: block; text-align: center; line-height: 24px; padding: 0 8px; font-family: arial; text-decoration: none; font-size: 12px; font-weight: bold; color: #ffffff; border-right: 1px solid white; }
#top-nav-wrapper #top-nav ul li a:hover { background-color: #79BDE9; }
#top-nav-wrapper #top-nav ul li a.active { background-color: #00529B }
#top-nav-wrapper #top-nav ul li a#opportunity { background-color: #00529B; }
#top-nav-wrapper #top-nav ul li:first-child a { border-left: 1px solid white; border-right: 1px solid white; }

/*===========================================================================*/
#header { width: 960px; height: 128px; margin: 0 auto; }
#header #header-left { width: 480px; height: 128px; float: left; }
#header #header-right { width: 320px; height: 128px; float: right; }

#header #logo img { border: none; margin: 16px 0 0 4px; }
#header h1 { color: #79BDE9; font-size: 10px; line-height: 10px; letter-spacing: -1px; font-family: verdana; padding: 0; margin: 2px auto 0 auto; font-weight: normal; text-align: center; width: 296px; }

#header #header-right h3 { color: #0f81c4; text-transform: uppercase; text-align: center; margin: 32px 0 0 0; font-weight: normal; font-family: 'Open Sans', arial; font-size: 16px; line-height: 18px; }
#header #header-right h2 { color: #135c9e; text-align: center; margin: 0 0 0 0; font-family: 'Open Sans', arial; font-size: 38px; line-height: 40px; }

/*=============================================================================
*
*============================================================================*/
#navigation { height: 40px; width: 960px; margin: 0 auto 8px auto; background-color: #ffffff; background-image: url("../img/background/navigation-background.png"); background-position: 0 0; background-repeat: no-repeat; }
#navigation ul { list-style-type: none; padding: 0; margin: 0; height: 40px; }
#navigation ul li { float: left; padding: 0; margin: 0; }
#navigation ul li.first { margin: 0 !important; }
#navigation ul li a { display: block; text-align: center; line-height: 20px; padding: 9px 0 11px 0; font-family: arial; text-decoration: none; font-size: 13px; font-weight: bold; color: #ffffff; background-image: url("../img/background/navigation-background.png"); background-position: 0 0; background-repeat: no-repeat; }
#navigation ul li a:hover {  }
#navigation ul li a.active {  }

#navigation ul li#nav-home-fr a { width: 80px; background-position: 0 0; }
#navigation ul li#nav-home-fr a:hover { background-position: 0 -40px; }
#navigation ul li#nav-home-fr a.active { background-position: 0 0; }

#navigation ul li#nav-company-fr a { width: 88px; background-position: -80px 0; }
#navigation ul li#nav-company-fr a:hover { background-position: -80px -40px; }
#navigation ul li#nav-company-fr a.active { background-position: -80px -80px; }

#navigation ul li#nav-supplement-fr a { width: 191px; background-position: -0 0; border-right: 1px solid rgba(0,0,0,0.2); }
#navigation ul li#nav-supplement-fr a:hover { background-position: -0 -40px; }
#navigation ul li#nav-supplement-fr a.active { background-position: -0 -80px; }

#navigation ul li#nav-diet-fr a { width: 254px; background-position: -296px 0; border-right: 1px solid rgba(0,0,0,0.2); border-left: 1px solid rgba(255,255,255,0.2); }
#navigation ul li#nav-diet-fr a:hover { background-position: -296px -40px; }
#navigation ul li#nav-diet-fr a.active { background-position: -296px -80px; }

#navigation ul li#nav-detox-fr a { width: 150px; background-position: -484px 0; border-right: 1px solid rgba(0,0,0,0.2); border-left: 1px solid rgba(255,255,255,0.2); }
#navigation ul li#nav-detox-fr a:hover { background-position: -484px -40px; }
#navigation ul li#nav-detox-fr a.active { background-position: -484px -80px; }

#navigation ul li#nav-energy-fr a { width: 166px; background-position: -572px 0; border-right: 1px solid rgba(0,0,0,0.2); border-left: 1px solid rgba(255,255,255,0.2); }
#navigation ul li#nav-energy-fr a:hover { background-position: -572px -40px; }
#navigation ul li#nav-energy-fr a.active { background-position: -572px -80px; }

#navigation ul li#nav-beauty-fr a { width: 191px; background-position: -768px 0; border-left: 1px solid rgba(255,255,255,0.2); }
#navigation ul li#nav-beauty-fr a:hover { background-position: -768px -40px; }
#navigation ul li#nav-beauty-fr a.active { background-position: -768px -80px; }

#navigation ul li#nav-contact-fr a { width: 116px; background-position: -844px 0; }
#navigation ul li#nav-contact-fr a:hover { background-position: -844px -40px; }
#navigation ul li#nav-contact-fr a.active { background-position: -844px -80px; }

#navigation ul li#nav-home-en a { width: 80px; background-position: 0 0; }
#navigation ul li#nav-home-en a:hover { background-position: 0 -40px; }
#navigation ul li#nav-home-en a.active { background-position: 0 0; }

#navigation ul li#nav-company-en a { width: 88px; background-position: -80px 0; }
#navigation ul li#nav-company-en a:hover { background-position: -80px -40px; }
#navigation ul li#nav-company-en a.active { background-position: -80px -80px; }

#navigation ul li#nav-supplement-en a { width: 191px; background-position: -0 0; border-right: 1px solid rgba(0,0,0,0.2); }
#navigation ul li#nav-supplement-en a:hover { background-position: -0 -40px; }
#navigation ul li#nav-supplement-en a.active { background-position: -0 -80px; }

#navigation ul li#nav-diet-en a { width: 254px; background-position: -296px 0; border-right: 1px solid rgba(0,0,0,0.2); border-left: 1px solid rgba(255,255,255,0.2); }
#navigation ul li#nav-diet-en a:hover { background-position: -296px -40px; }
#navigation ul li#nav-diet-en a.active { background-position: -296px -80px; }

#navigation ul li#nav-detox-en a { width: 150px; background-position: -484px 0; border-right: 1px solid rgba(0,0,0,0.2); border-left: 1px solid rgba(255,255,255,0.2); }
#navigation ul li#nav-detox-en a:hover { background-position: -484px -40px; }
#navigation ul li#nav-detox-en a.active { background-position: -484px -80px; }

#navigation ul li#nav-energy-en a { width: 166px; background-position: -572px 0; border-right: 1px solid rgba(0,0,0,0.2); border-left: 1px solid rgba(255,255,255,0.2); }
#navigation ul li#nav-energy-en a:hover { background-position: -572px -40px; }
#navigation ul li#nav-energy-en a.active { background-position: -572px -80px; }

#navigation ul li#nav-beauty-en a { width: 191px; background-position: -768px 0; border-left: 1px solid rgba(255,255,255,0.2); }
#navigation ul li#nav-beauty-en a:hover { background-position: -768px -40px; }
#navigation ul li#nav-beauty-en a.active { background-position: -768px -80px; }

#navigation ul li#nav-contact-en a { width: 116px; background-position: -844px 0; }
#navigation ul li#nav-contact-en a:hover { background-position: -844px -40px; }
#navigation ul li#nav-contact-en a.active { background-position: -844px -80px; }

/*=============================================================================
*
*============================================================================*/
#communication { height: 280px; width: 1400px; margin: 8px auto 24px auto; background-color: #ffffff; }
#communication img { display: block; }

/*=============================================================================
*
*============================================================================*/
#page-list { width: 960px; margin: 0 auto 0 auto; padding: 4px 0; font-family: 'Oswald', arial; font-size: 14px; text-align: center; }
#page-list a { font-family: 'Oswald', arial; text-decoration: none; font-size: 18px; padding: 0px 8px; line-height: 20px; text-transform: none; color: #08788f; }
#page-list a:hover { text-decoration: underline; }
#page-list a.active {
   color: #144556;
}

/*=============================================================================
*
*============================================================================*/
div#health-assessment-online {
   width: 960px;
   height: 128px;
   margin: 16px auto 0 auto;
}

/*=============================================================================
*
*============================================================================*/
div#promo-header {
   width: 960px;
   height: 360px;
   margin: 16px auto 16px auto;
}

div#promo-header img { float: left; }

/*=============================================================================
*
*============================================================================*/
#page {
   background-color: #ffffff;
   margin: 0;
   padding: 0;
}

#content div.page-title { border-bottom: 2px solid #7ebfe9; width: 448px; margin: 48px 0 0 0; padding: 0 0 12px 0; }
#content div.page-title h2 { font-family: 'Open Sans', arial; font-size: 32px; padding: 0; margin: 0 0 0 0; text-transform: uppercase; color: #135c9e; line-height: 40px; width: 464px; }
#content div.page-title h3{ font-family: 'Open Sans', arial; font-size: 24px; padding: 0; margin: 0 0 0 0; font-weight: normal; color: #999999; line-height: 40px; }

/*=============================================================================
*
*============================================================================*/
#legalcontent { width: 960px; margin: 0 auto 0 auto; min-height: 512px; font-size: 14px; font-family: arial; line-height: 1.5em; }
#legalcontent h1, #legalcontent h2, #legalcontent h3 { margin: 32px 0 12px 0; text-transform: uppercase; }
#legalcontent p { color: #555555; }
#legalcontent ul { padding: 0; margin: 8px 0 8px 48px; list-style-type: square; color: #555555; }
#legalcontent ol { padding: 0; margin: 8px 0 8px 48px; list-style-type: decimal; color: #555555; }
#legalcontent li { padding: 0 8px 0 8px; margin: 0; color: #555555; }


#content { width: 960px; margin: 0 auto 0 auto; min-height: 512px; }
#content h2 { font-family: 'Open Sans', arial; font-size: 32px; padding: 0; margin: 24px 0 0 0; text-transform: uppercase; color: #135c9e; line-height: 48px;  }
#content h2, #content h2 a, #content h3, #content h3 a, #content h4, #content div.item a { color: #135c9e; }
#content h3{ font-family: 'Open Sans', arial; font-size: 24px; padding: 0; margin: 12px 0 4px 0; font-weight: normal; color: #135c9e; line-height: 32px; }
#content h3 a { }
#content h3 a:hover { color: #221e53; }
#content h4 { font-family: arial; font-size: 13px; line-height: 150%; padding: 0; font-weight: bold; margin: 8px 0 0 2px; }
#content h4 a { color: #135c9e; }
#content p { font-family: arial; font-size: 14px; line-height: 150%; padding: 0; margin: 4px 0 8px 2px; color: #555555; }
#content p strong { font-weight: normal; }
#content p strong.bolder { font-weight: bold; }
#content a { text-decoration: none; }
#content a:hover { text-decoration: underline; }
#content ul { font-family: arial; font-size: 14px; line-height: 150%; padding: 0; margin: 8px 0 8px 48px; list-style-type: square; color: #555555; }
#content ol { font-family: arial; font-size: 14px; line-height: 150%; padding: 0; margin: 8px 0 8px 48px; list-style-type: decimal; color: #555555; }
#content li { padding: 0 8px 0 8px; margin: 0; color: #555555; }

#content #archive { }

/*=============================================================================
*
*============================================================================*/
#content div.product-list480 div.product { width: 480px; float: left; margin: 16px 0 32px 0; height: 640px; }
#content div.product-list480 div.product img { display: block; }
#content div.product-list480 div.product h3 { margin: 8px 4px 4px 4px; font-family: "Oswald"; text-transform: uppercase; font-size: 17px; line-height: 28px; }
#content div.product-list480 div.product h3 a { text-decoration: none; }
#content div.product-list480 div.product p { margin: 4px 6px; font-size: 11px; height: 64px; line-height: 15px; }
#content div.product-list480 div.product a.more { display: block; margin: 8px 0 4px 0; width: 96px; font-size: 14px; font-family: 'Oswald', arial; color: #007DC3; visibility: visible; }
#content div.product-list480 div.product a.more:hover { text-decoration: underline; }
#content div.product-list480 div.product div.shop { height: 34px; }
#content div.product-list480 div.product span.price { margin: 0px 48px 0 8px; font-size: 20px; font-weight: bold; line-height: 34px; float: right; }
#content div.product-list480 div.product a.addtocart { display: block; margin: 0 12px 0 0; float: right; width: 224px; height: 34px; text-align: center; font-family: 'Oswald', arial; color: #ffffff !important; font-size: 16px; padding: 2px 0; line-height: 30px; background-color: #00529B !important; background-image: none !important; }
#content div.product-list480 div.product a.addtocart:hover { color: #ffffff !important; text-decoration: none; background-position: 0px -34px; }

#content div.product-list480 div.product a.toorder { display: block; margin: 0 12px 0 0; float: right; width: 136px; height: 34px; text-align: center; font-family: 'Oswald', arial; color: #5584a1; font-size: 16px; padding: 0; line-height: 30px; background-image: url("../img/buttons/ajouter-panier.jpg"); background-position: 0 0; background-repeat: no-repeat; }
#content div.product-list480 div.product a.toorder:hover { color: #ffffff !important; text-decoration: none; background-position: 0px -34px; }


#content div.product { width: 240px; float: left; margin: 16px 0 32px 0; height: 448px; }
#content div.product img { display: block; }
#content div.product h3 { margin: 8px 4px 4px 4px; font-family: "Oswald"; text-transform: uppercase; font-size: 17px; line-height: 28px; }
#content div.product h3 a { text-decoration: none; }
#content div.product p { margin: 4px 6px; font-size: 11px; height: 128px; line-height: 15px; }
#content div.product a.more { display: block; margin: 8px 0 4px 0; width: 96px; font-size: 14px; font-family: 'Oswald', arial; color: #007DC3; visibility: visible; }
#content div.product a.more:hover { text-decoration: underline; }
#content div.product div.shop { height: 34px; }
#content div.product span.price { margin: 0px 4px 0 8px; font-size: 20px; font-weight: bold; line-height: 34px; float: left; }
#content div.product a.addtocart { display: block; margin: 0 12px 0 0; float: right; width: 136px; height: 34px; text-align: center; font-family: 'Oswald', arial; color: #5584a1; font-size: 16px; padding: 0; line-height: 30px; background-image: url("../img/buttons/ajouter-panier.jpg"); background-position: 0 0; background-repeat: no-repeat; }
#content div.product a.addtocart:hover { color: #ffffff !important; text-decoration: none; background-position: 0px -34px; }

#content div.product a.toorder { display: block; margin: 0 12px 0 0; float: right; width: 136px; height: 34px; text-align: center; font-family: 'Oswald', arial; color: #5584a1; font-size: 16px; padding: 0; line-height: 30px; background-image: url("../img/buttons/ajouter-panier.jpg"); background-position: 0 0; background-repeat: no-repeat; }
#content div.product a.toorder:hover { color: #ffffff !important; text-decoration: none; background-position: 0px -34px; }

.ui-effects-transfer {  }

/*===========================================================================*/
#content img.photo { display: block; float: left; margin: 0 24px 16px 0; }
#content abbr.rating { color: #ffaf0e; }
#content blockquote.description p { font-family: arial; font-size: 14px; line-height: 150%; padding: 0; font-weight: normal; margin: 12px 0 16px 0; width: 448px; }

#content div.buy-product { float: right; width: 182px; margin: -16px 24px 8px 16px; }
#content div.buy-product h3 { text-align: center; margin: 0 0 8px 0; }
#content div.buy-product h6 { font-size: 18px; font-weight: bold; text-align: center; margin: 8px 0 0 0; color: #5584a1; }
#content div.buy-product h6 span.price { color: #444444; }

#content a.buy-now, #content a.commandez-maintenant { width: 182px; height: 124px; margin: 32px 0 0 0; display: block; text-indent: -9999px;  background-position: 0 0; background-repeat: no-repeat; }
#content a.buy-now { background-image: url("../img/buttons/buy-now.png"); }
#content a.commandez-maintenant { background-image: url("../img/buttons/commandez-maintenant.jpg"); }
#content a.buy-now:hover, #content a.commandez-maintenant:hover { background-position: 0 -124px; }

/*===========================================================================*/
div.price-container { width: 292px; margin: 80px 0 32px 0; }
div.price-container div.feature { width: 292px; height: 40px; background-image: url("../img/background/price-container-background.png"); }
div.price-container div.feature div.price { width: 98px; height: 40px; float: left; color: #ffffff; line-height: 40px; font-weight: bold; font-size: 16px; text-align: center; }
div.price-container div.feature div.call-to-action { width: 194px; height: 40px; float: left; line-height: 40px; font-weight: bold; font-size: 16px; text-align: center; }
div.price-container div.feature div.call-to-action a { color: #ffffff; display: block; background-image: url("../img/buttons/call-to-action-buy-now.png"); background-repeat: no-repeat; background-position: 0 0; }
div.price-container div.feature div.call-to-action a:hover { text-decoration: none !important; background-position: 0 -40px; }

div.price-container div.description { height: 44px; border-bottom: 1px solid #d6d6d6; }
div.price-container div.description h6 { text-align: center; color: #555555; font-weight: normal; font-size: 14px; line-height: 17px; margin: 6px 0 0 0; }
div.price-container div.description h5 { text-align: center; color: #555555; font-size: 14px; line-height: 17px; }

div.price-container div.value { width: 96px; height: 44px; float: left; background-color: #f3f3f3; border-left: 1px solid #d6d6d6;  }
div.price-container div.discount { width: 96px; height: 44px; float: left; border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; background-color: #f3f3f3; }
div.price-container div.save { width: 96px; height: 44px; float: left; background-color: #f3f3f3; border-right: 1px solid #d6d6d6; }

/*===========================================================================*/
#content table.admin-info { border-collapse: separate; border-spacing: 2px; font-family: arial; font-size: 14px; line-height: 150%; padding: 0; margin: 0 0 0 0; width: 448px; }
#content table.admin-info tr { }
#content table.admin-info tr th { font-weight: bold; padding: 4px; vertical-align: top; width: 108px; background-color: #00529B; color: #ffffff; text-align: right; }
#content table.admin-info tr td { color: #555555; padding: 4px 8px; background-color: #E8E8E8; }
#content table.admin-info tr td strong { color: #00529B; }

#content table.item-order { border-collapse: collapse; font-family: arial; font-size: 13px; padding: 0; margin: 16px 0 0 0; }
#content table.item-order tr {}
#content table.item-order tr th { font-weight: bold; vertical-align: middle; border: 1px solid #d6d6d6; padding: 2px; }
#content table.item-order tr td { color: #555555; border: 1px solid #d6d6d6; padding: 2px; vertical-align: middle; }
#content table.item-order tr td.price, #content table.item-order tr th.price { text-align: right; padding-right: 6px; }
#content table.item-order tr td a { background-color: #38275C; display: block; color: #ffffff; text-align: center; padding: 2px 0; }
#content table.item-order tr td a:hover { text-decoration: none; background-color: #583C91; }

/*===========================================================================*/
#home #home-column-left { width: 420px; float: left; }
#home #home-column-left img { display: block; margin: 0 0 0 32px; }

#home #home-column-right { width: 504px; float: right; margin: 0 32px 0 0; height: 512px; }
#home #home-column-right img { display: block; margin: 28px 12px 32px 24px; float: left; }
/* #home #home-column-right img { display: block; margin: 16px 0 40px 8px; float: left; }*/
#home #home-column-right h3.button { margin: 24px 4px 0 4px; font-size: 22px; }
#home #home-column-right h3.button a { display: block; background-color: #3E2A66; color: #ffffff; line-height: 64px; text-align: center; border: 3px double #ffffff; }
#home #home-column-right h3.button a:hover { text-decoration: none; background-color: #6142A0; }

#home div.divider { background-image: url("../img/background/divider.png"); background-position: 0 0; background-repeat: no-repeat; height: 24px; width: 960px; clear: both; }
#home div.divider hr { display: none; }

/*===========================================================================*/
#content img.bottle { float: right; margin: 0 28px 0 28px; }

/*===========================================================================*/
#opportunity h3.button { margin: 24px auto 24px auto; font-size: 22px; width: 320px; }
#opportunity h3.button a { display: block; background-color: #10B16D; color: #ffffff; line-height: 64px; text-align: center; border: 3px double #ffffff; }
#opportunity h3.button a:hover { text-decoration: none; background-color: #02794E; color: #ffffff; }

/*===========================================================================*/
#content div.nutrition-facts { width: 407px; float: right; margin: 0 8px 16px 16px; }
#content div.nutrition-facts table { border-spacing: 0; border-collapse: collapse; font-size: 10px; line-height: 16px; font-family: arial; }
#content div.nutrition-facts table tr {  }
#content div.nutrition-facts table tr th { font-weight: bold; background-color: #f0f0f0; }
#content div.nutrition-facts table tr th, #content div.nutrition-facts table tr td { border: 1px solid #d6d6d6; padding: 3px 5px; }
#content div.nutrition-facts table tr.even td { background-color: #f6f6f6; }

#content div.nutrition-facts table tr th.ingredient, #content div.nutrition-facts table tr td.ingredient { width: 320px; }
#content div.nutrition-facts table tr th.quantity, #content div.nutrition-facts table tr td.quantity { width: 64px; text-align: right; }

/*===========================================================================*/
#cart-list { border: 1px solid #d6d6d6; border-spacing: 0; border-collapse: collapse; margin: 8px auto 0 auto; }
#cart-list tr {}
#cart-list tr th { font-weight: bold; background-color: #f0f0f0; }
#cart-list tr td { }
#cart-list tr td.empty { font-weight: bold; text-align: center; }
#cart-list tr th, #cart-list tr td { border: 1px solid #d6d6d6; padding: 4px 6px; }
#cart-list tr td.qty { padding: 0; }

#cart-list tr th.qty, #cart-list tr td.qty { width: 64px; text-align: center; }
#cart-list tr th.name, #cart-list tr td.name { width: 170px; }
#cart-list tr th.description, #cart-list tr td.description { width: 376px; }
#cart-list tr th.category, #cart-list tr td.category { width: 136px; }
#cart-list tr th.price, #cart-list tr td.price { width: 64px; text-align: right; }
#cart-list tr th.total, #cart-list tr td.total { width: 64px; text-align: right; }
#cart-list tr.even td { background-color: #f6f6f6; }

#cart-list tr td, #cart-list tr td input.textbox { color: #386179; }
#cart-list tr td.qty input.textbox { border: 1px solid #77b2d8; }

#cart-list tr.supplement td, #cart-list tr.supplement td input.textbox { color: #386179; }
#cart-list tr.diet td, #cart-list tr.diet td input.textbox { color: #4e8a3f; }
#cart-list tr.energy td, #cart-list tr.energy td input.textbox { color: #a11d21; }
#cart-list tr.beauty td, #cart-list tr.beauty td input.textbox { color: #221e53; }

#cart-list tr.supplement td.qty input.textbox { border: 1px solid #77b2d8; }
#cart-list tr.diet td.qty input.textbox { border: 1px solid #88c65e; }
#cart-list tr.energy td.qty input.textbox { border: 1px solid #ee3532; }
#cart-list tr.beauty td.qty input.textbox { border: 1px solid #5d558d; }

#cart-list tr td input.textbox { text-align: right; font-size: 12px; border: none; height: 16px; }
#cart-list tr.even td input.textbox { background-color: #f6f6f6; }

#cart-list tr td.qty input.textbox { width: 28px; height: 18px; line-height: 16px; text-align: center; background-color: #ffffff; }
#cart-list tr td.price input.textbox { width: 64px; }
#cart-list tr td.line-total input.textbox { width: 64px; }
#cart-list tr td.total input.textbox { width: 64px; }

#cart-list tr td.autoship { line-height: 16px; }
#cart-list tr td.autoship input.checkbox { float: left; margin: 18px 14px 16px 10px; }
#cart-list tr td.autoship label { color: #000000; font-size: 12px; font-weight: bold; }

#cart-list tr td.autoship { vertical-align: top; padding: 8px; }
#cart-list tr td.autoship a { text-decoration: none; }
#cart-list tr td.autoship img.checkbox { float: left; margin: 18px 14px 16px 10px; border: none; }
#cart-list tr td.autoship h3 { color: #007DC3; margin: 0 0 4px 0; line-height: 31px; font-size: 20px; }
#cart-list tr td.autoship p { color: #000000; font-size: 12px; line-height: 16px; margin: 0; }
#cart-list tr td.autoship p.bold { font-weight: bold; }

#cart-list tr td.autoshipout { vertical-align: top; padding: 8px; }
#cart-list tr td.autoshipout a { text-decoration: none; }
#cart-list tr td.autoshipout img.checkbox { float: left; margin: 0 16px 0 0; border: none; }
#cart-list tr td.autoshipout h3 { color: #007DC3; margin: 0 0 4px 0; line-height: 31px; }
#cart-list tr td.autoshipout p { color: #333333; font-size: 13px; line-height: 16px; margin: 0; }
#cart-list tr td.autoshipout p.bold { font-weight: bold; }

/*===========================================================================*/
#cart-panel { width: 100%; height: 40px; margin: auto; position: fixed; bottom: 0; }
#cart-panel div.panel { width: 960px; height: 36px; margin: auto; padding: 4px 4px 0 4px; background-image: url("../img/background/cart.png"); background-position: 0 -160px; background-repeat: no-repeat; }
#cart-panel div.active { background-position: 0 0px; }

#cart-panel div.panel h6 { line-height: 36px; float: left; width: 192px; margin: 0 8px 0 24px; font-size: 14px; font-family: arial; color: #ffffff; }
#cart-panel div.panel h6 span { color: #ffffff; font-weight: bold; }
#cart-panel div.panel h6.checkout { width: 256px; float: right; }
#cart-panel div.panel h6.checkout span a { color: #ffffff; text-decoration: underline; }

/*===========================================================================*/
#content #order_form_container {}
#content #order_form_container h2 { margin: 24px 0 0 0; }
#content #order_form_container h3 { margin: 0; }
#content #order_form_container ul { list-style-type: none; margin: 0; }
#content #order_form_container ul li { margin: 8px 4px; padding: 0; }
#content #order_form_container label { display: block; text-align: left; padding: 4px 4px 0 4px; line-height: 20px; font-weight: bold; font-size: 12px; clear: both; }
#content #order_form_container label.error { color: #ff0000; }
#content #order_form_container input.textbox { border: 1px solid #d6d6d6; display: block; height: 17px; padding: 2px; width: 360px; margin: 2px 0 0 4px; font-size: 13px; color: #666666; font-family: arial; }
#content #order_form_container input.error { border: 1px dotted #ff0000; }

#content #order_form_container select.combo { border: 1px solid #d6d6d6; display: block; height: 22px; padding: 1px; width: 360px; margin: 2px 0 0 4px; font-size: 13px; color: #666666; font-family: arial; }
#content #order_form_container select.two-combo { border: 1px solid #d6d6d6; height: 22px; padding: 1px; width: 128px; margin: 2px 0 0 4px; font-size: 13px; color: #666666; font-family: arial; }
#content #order_form_container select#credit-card-year { width: 96px; }
#content #order_form_container select.error { border: 1px dotted #ff0000; }
#content #order_form_container textarea { border: 1px solid #d6d6d6; resize: none; display: block; height: 64px; padding: 2px; width: 360px; margin: 2px 0 0 4px; font-size: 13px; color: #666666; font-family: arial; }
#content #order_form_container textarea.error { border: 1px dotted #ff0000; }
#content #order_form_container input.submit { margin: 16px 0 0 40px; }

#content #order_form_container input#first-name { width: 160px; }
#content #order_form_container input#last-name { width: 192px; }
#content #order_form_container input#phone { width: 112px; }
#content #order_form_container input#email { width: 240px; }
#content #order_form_container input#city { width: 224px; }
#content #order_form_container select#region { width: 192px; }
#content #order_form_container select#country { width: 160px; }
#content #order_form_container input#zipcode { width: 128px; }

#content #order_form_container input#nas { width: 160px; }
#content #order_form_container input#ddn { width: 160px; }

#content #order_form_container input#credit-card-name { width: 256px; }
#content #order_form_container select#credit-card-type { width: 166px; }
#content #order_form_container input#credit-card-number { width: 160px; }
#content #order_form_container input#credit-card-cvv { width: 48px; }

#cart div.order-column-left { width: 464px; float: left; margin: 16px 8px 32px 8px; }
#cart div.order-column-right { width: 464px; float: right; margin: 16px 8px 32px 8px; }

/*===========================================================================*/
#contact div.contact-column-left { width: 464px; float: left; margin: 16px 8px 32px 8px; }
#contact div.contact-column-right { width: 464px; float: right; margin: 16px 8px 32px 8px; }

#contact div.contact-column-right #city-region h3 { font-size: 16px; }
#contact div.contact-column-right #city-region ul { font-size: 12px; }
#contact div.contact-column-right #city-region ul a { color: #555555; }

#content #contact_form_container {}
#content #contact_form_container ul { list-style-type: none; margin: 0; }
#content #contact_form_container ul li { margin: 8px 4px; padding: 0; }
#content #contact_form_container label { display: block; text-align: left; padding: 4px 4px 0 4px; line-height: 20px; font-weight: bold; font-size: 12px; }
#content #contact_form_container label.error { color: #ff0000; }
#content #contact_form_container input.textbox { border: 1px solid #d6d6d6; display: block; height: 17px; padding: 2px; width: 360px; margin: 2px 0 0 4px; font-size: 13px; color: #666666; font-family: arial; }
#content #contact_form_container input.error, #content #contact_form_container textarea.error { border: 1px dotted #ff0000; }
#content #contact_form_container select.combo { border: 1px solid #d6d6d6; display: block; height: 22px; padding: 1px; width: 360px; margin: 2px 0 0 4px; font-size: 13px; color: #666666; font-family: arial; }
#content #contact_form_container textarea { border: 1px solid #d6d6d6; resize: none; display: block; height: 128px; padding: 2px; width: 360px; margin: 2px 0 0 4px; font-size: 13px; color: #666666; font-family: arial; }
#content #contact_form_container input.submit { margin: 16px 0 0 64px; }

/*===========================================================================*/
#content div.disclaimer h3 { font-size: 10px !important; color: #666666; font-weight: bold; }
#content div.disclaimer p { font-size: 10px !important; color: #888888; }
#content div.disclaimer p a { color: #888888; }

/*===========================================================================*/
#footer { background-color: #135c9e; padding: 16px 0 64px 0; color: #ffffff; }
#footer a { color: #ffffff; text-decoration: none; }

/*=============================================================================
*
*============================================================================*/
#copyright { width: 960px; margin: 0 auto 0 auto; border-top: 1px solid #ffffff; padding: 24px 0 0 0 }
#copyright p { font-family: arial; font-size: 11px; color: #ffffff; line-height: 14px; padding: 0; margin: 2px 0 0 0; text-align: center; }
#copyright p a { color: #ffffff; text-decoration: none; }
#copyright p a:hover { text-decoration: underline; }

/*=============================================================================
*
*============================================================================*/
#disclaimer { width: 960px; margin: 0 auto 0 auto; }
#disclaimer p { font-family: arial; font-size: 10px; color: #ffffff; line-height: 14px; padding: 0; margin: 2px 0 0 0; text-align: center; }

/*=============================================================================
*
*============================================================================*/
#sitemap { width: 960px; margin: 32px auto 0 auto; height: 544px; }
#sitemap ul { font-family: arial; font-size: 8pt; color: #000000; line-height: 150%; padding: 0; margin: 8px 0 0 8px; list-style-type: none; float: left; }
#sitemap ul li { padding: 0; margin: 0; }
#sitemap ul li a { font-family: arial; font-size: 8pt; color: #000000; font-weight: bold; text-decoration: none; }
#sitemap ul li a:hover { text-decoration: underline; }
#sitemap ul ul { margin: 0; padding: 0 0 0 8px; float: none; }
#sitemap ul ul li { padding: 0; margin: 2px 0; }
#sitemap ul ul li a { font-family: arial; font-size: 8pt; color: #555555 !important; font-weight: normal; }

/*=============================================================================
*
*============================================================================*/
#signature { padding: 2px; margin: 0; text-align: center; font-family: arial; color: #999999; font-size: 8pt; font-weight: bold; }
#signature a { color: #999999; text-decoration: none; }