/* Reset
-------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { padding: 0; margin: 0; border-collapse: collapse; }
ul, ol { list-style: none; }
img { border: none; }



/* Body
---------------------------------------------------------------------*/
html, body {  }
body { font: 12px/18px Tahoma, Arial, Helvetica, sans-serif; color: #222; background: none; }

.hr { height: 31px; line-height: 31px; background: url(../images/hr.gif) repeat-x; }

h1, h2, h3, h4, h5, h6 { font: normal 18px Verdana; color: #222; }
h1 { font-size: 22px; line-height: 26px; margin-bottom: 10px; }
h2 { font-size: 20px; line-height: 24px; margin-bottom: 7px; }
h3 { font-size: 18px; line-height: 22px; margin-bottom: 5px; }
h4 { font-size: 18px; line-height: 22px; margin-bottom: 5px; }
h5 { font-size: 18px; line-height: 22px; margin-bottom: 5px; }
h6 { font-size: 18px; line-height: 22px; margin-bottom: 5px; }

a { color: #377C2B; }
a:hover { text-decoration: none; }

.w25 { width: 25px; }
.w70 { width: 70px; }
.w100 { width: 100px; }
.w200 { width: 200px; }
.w707 { width: 707px; }
.w711 { width: 711px; }
.w50p { width: 50%; }
.w100p { width: 100%; }

.clear_left { clear: left; font-size: 0px; height: 0px; line-height: 0px; font-size: 0px; }



/* General blocks
---------------------------------------------------------------------*/
#main_div { width: 994px; text-align: left; }
#header { position: relative; height: 84px; background: url(/images/header_bg.gif) repeat-x; }
#nav_menu { height: 30px; line-height: 30px; font-size: 80%; }
#content {  }
#main_menu { width: 172px; float: left; zoom: 1; overflow: hidden; }
#text { margin-left: 172px; width: 812px; }
#footer { margin-top: 30px; text-align: center; color: #555555; font-size: 90%; line-height: 120%; }



/* Header
---------------------------------------------------------------------*/
#header a { position: absolute; top: 13px; left: 55px; display: block; width: 290px; height: 61px; background: url(/images/herbalife_sport_logo.gif) no-repeat; }
 
 
 
 
/* Main menu
---------------------------------------------------------------------*/
#main_menu ul a.link { display: block; width: 150px; height: 24px; background: url(/images/main_menu_bg.gif) no-repeat; line-height: 24px; color: #000; font-size: 120%; text-decoration: none; padding: 0 11px; }
#main_menu ul a.link.main { height: 25px; background: url(/images/main_menu_first_bg.gif) no-repeat; line-height: 25px; color: #fff; }
#main_menu .banner { margin-top: 15px; }
.sub_main_menu { height: 213px; overflow: auto; background: url(/images/sub_main_menu_bg.gif) repeat-y; padding: 10px; }
.sub_main_menu p { padding-bottom: 10px; }
.sub_main_menu p a { color: #377c2b; line-height: 120%; font-size: 90%; text-decoration: underline; margin-bottom: 10px; }
.sub_main_menu p a:hover { text-decoration: none; }
.sub_main_menu.flag p img { margin-right: 5px; }



/* Text
---------------------------------------------------------------------*/
#text  { padding-left: 6px; }
#text .flash_banner,
#text .flash_banner img { width: 812px; height: 332px; }
#text .block { margin-bottom: 10px; }
#text .block .title { height: 25px; line-height: 25px; color: #377c2b; font-size: 120%; padding: 0 10px; }
#text .block.long .title { background: url(/images/block_title_long_bg.gif) no-repeat; }
#text .block.long .info { background: url(/images/block_info_long_bg.jpg) no-repeat bottom left; }
#text .block .info table td { width: 25%; line-height: 120%; font-size: 90%; color: #555555; background: url(/images/block_info_line.gif) no-repeat right top; padding: 3px 10px 0 10px; }
#text .block .info table td.last { background: none; }
#text .block .info table td span { font-size: 80%; }
#text .block.long .bottom { height: 10px; width: 812px; background: url(/images/block_bottom_long_bg.gif) no-repeat; }
#text .block .info.img table td { width: 25%; line-height: 120%; font-size: 90%; color: #555555; background: url(/images/block_info_line.gif) no-repeat right top; padding: 0px 10px 0 1px; }
#text .block .info.img table td.last { background: none; }
#text .block .info.img table td .photo { width: 88px; height: 68px; float: left; }
#text .block .info.img table td .photo img { width: 88px; height: 48px; border: 0; margin-top: 10px; }
#text .block .info.img table td .link { margin-left: 95px; }
#text .block .info.img table td .link p { padding-top: 10px; padding-bottom: 3px; font-size: 100%; }
#text .block .info.img table td .link a { background: url(/images/icon_arrow.gif) no-repeat right bottom; padding-right: 15px; }

#text .text_content { font-size: 90%; padding-bottom: 15px; }
#text .text_content h1 { font-size: 130%; font-weight: bold; color: #367b2a; }
#text .text_content h2 { font-size: 120%; font-weight: bold; color: #367b2a; }
#text .text_content p { line-height: 120%; color: #555; padding-bottom: 15px; }

#text .small_block { padding-bottom: 30px; }
#text .small_block .td_block { width: 50%; }
#text .small_block .spacer { width: 10px; }
#text .small_block .td_block.right .title,
#text .small_block .td_block.left .title { height: 25px; line-height: 25px; color: #377c2b; font-size: 120%; padding: 0 10px; background: url(/images/block_title_long_bg.gif) no-repeat right; border-left: 1px solid #e6e4e7; }
#text .small_block .td_block.right .info,
#text .small_block .td_block.left .info { background: url(/images/block_info_long_bg.jpg) no-repeat bottom right; border-left: 1px solid #e6e4e7; }
#text .small_block .td_block.left .info.img table { width: 100%; }
#text .small_block .td_block.left .info.img table td { width: 50%; line-height: 120%; font-size: 90%; color: #555555; background: url(/images/block_info_line.gif) no-repeat right top; padding: 0px 10px 0 1px; }
#text .small_block .td_block.left .info.img table td.last { background: none; }
#text .small_block .td_block.left .info.img table td .photo { width: 88px; height: 68px; float: left; }
#text .small_block .td_block.left .info.img table td .photo img { width: 88px; height: 48px; margin-top: 10px; }
#text .small_block .td_block.left .info.img table td .link { margin-left: 92px; }
#text .small_block .td_block.left .info.img table td .link p { padding-top: 10px; padding-bottom: 3px; font-size: 100%; }
#text .small_block .td_block.left .info.img table td .link a { background: url(/images/icon_arrow.gif) no-repeat right bottom; padding-right: 15px; }
#text .small_block .td_block.right .info table td { width: 25%; line-height: 120%; font-size: 90%; color: #555555; background: url(/images/block_info_line.gif) no-repeat right top; padding: 3px 10px 0 10px; }
#text .small_block .td_block.right .info table td.last { background: none; }
#text .small_block .td_block.right .info table td span { font-size: 80%; }
#text .small_block .td_block .bottom { height: 10px; background: url(/images/block_bottom_long_bg.gif) no-repeat; }



/* Athlets
---------------------------------------------------------------------*/
#athlets {  }

#athlets .pager { font-size: 90%; text-align: right; padding-right: 30px; padding-bottom: 3px; margin-bottom: 10px; border-bottom: 1px solid #ddd; }
#athlets .pager em { font-style: normal; }

#athlets .a_block { width: 219px; height: 165px; float: left; /* margin: 0 25px 25px 25px; */ margin-right: 20px; margin-bottom: 25px; margin-left: 15px; }
#athlets .a_block .photo { width: 217px; height: 119px; border-left: 1px solid #c6cfd8; border-top: 1px solid #c6cfd8; border-right: 1px solid #c6cfd8; }
#athlets .a_block .photo img { width: 217px; height: 119px; border: 0; }
#athlets .a_block .anons { position: relative; width: 219px; height: 46px; background: url(/images/athlets_anons_bg.gif) no-repeat; overflow: hidden; }
#athlets .a_block .anons a { position: absolute; top: 12px; right: 6px; display: block; width: 22px; height: 22px; background: url(/images/icon_athlets_arrow.gif) no-repeat; }
#athlets .a_block .anons p { background-repeat: no-repeat; background-position: left 13px; font-size: 80%; line-height: 100%; padding: 8px 15px 0 0px; margin-left: 6px; margin-right: 6px; }
#athlets .a_block .anons p b { line-height: 130%; }
#athlets .a_block .anons p img { margin-right: 5px; margin-top: 5px; width: 31px; height: 21px; }

#athlets_inner { width: 812px; height: 457px; margin-bottom: 10px; }
#athlets_inner .info { position: relative; height: 415px; }
#athlets_inner .info .name { position: absolute; top: 29px; left: 27px; display: block; background-repeat: no-repeat; background-position: left top; font-size: 120%; line-height: 100%; width: 410px; }
#athlets_inner .info .name img { width: 64px; height: 43px; border: 0; margin-right: 10px; margin-top: 5px; }
#athlets_inner .info .name span { font-size: 160%; line-height: 110%; }
#athlets_inner .info .announce { position: absolute; top: 100px; left: 180px; width: 260px; line-height: 140%; }
#athlets_inner .info .about { position: absolute; top: 77px; left: 466px; width: 290px; height: 300px; overflow: auto; font-size: 90%; line-height: 120%; color: #555; }
#athlets_inner .info .about p { margin-bottom: 15px; }
#athlets_inner .pdf { height: 42px; background: url(/images/athlets_inner_pdf_bg.jpg) no-repeat; text-align: right; }
#athlets_inner .pdf a { background: url(/images/icon_pdf.gif) no-repeat left; padding: 5px 15px 5px 25px; line-height: 42px; color: #636363; text-decoration: none; }
#athlets_inner .pdf a:hover { text-decoration: underline; }



/* Articles
---------------------------------------------------------------------*/
#text .text_content.article { margin-right: 185px; }
#text .text_content table { color: #555; margin-bottom: 20px; }
#text .text_content table th { font-size: 110%; }
#text .text_content table td { line-height: 110%; }
#text .text_content table td,#text table th { border-collapse: collapse; border: 1px solid #c7c7c7; padding: 3px 5px; }
#text .text_content ul { margin-left: 15px; margin-bottom: 15px; color: #555; }
#text .text_content ul li { background: url(/images/icon_bullet.gif) no-repeat left .7em; padding-left: 12px; }

#text .article_prods { float: right; width: 170px; }
#text .article_prods h1 { font-size: 120%; font-weight: bold; color: #367b2a; }
#text .article_prods div { width: 170px; text-align: center; padding-bottom: 10px; border-bottom: 1px solid #cfcfcf; margin-bottom: 10px; }
#text .article_prods div a { text-decoration: none; font-size: 90%; }
#text .article_prods div a span { border-bottom: 1px solid #00993a; }
#text .article_prods div a:hover span { border-bottom: 0; }
#text .article_prods div.last { border-bottom: 0; }



/* New
---------------------------------------------------------------------*/
#text .text_content .news_block { margin-bottom: 10px; }
#text .text_content .news_block p { margin: 0; padding: 0; }
#text .text_content .news_block .date { float: left; width: 80px; color: #367b2a; font-weight: bold; }
#text .text_content .news_block .announce { margin-left: 80px; }
#text .text_content .news_block .announce h1 { font-size: 100%; font-weight: normal; text-decoration: underline; margin: 0 0 10px 0; padding: 0; line-height: 130%; }
#text .text_content .news_block .announce p { margin-bottom: 10px; }

#text .text_content .pager { font-size: 100%; text-align: right; padding-right: 30px; padding-top: 3px; margin-top: 10px; border-top: 1px solid #ddd; }
#text .text_content .pager.left { text-align: left !important; padding-left: 80px; }
#text .text_content .pager em { font-style: normal; }



/* Catalog
---------------------------------------------------------------------*/
#text .text_content.catalog h1 { font-size: 130%; font-weight: bold; color: #367b2a; margin-bottom: 0; padding-bottom: 0; }

#catalog_info { position: relative; height: 230px; }
#catalog_info .title { z-index: 100; position: absolute; width: 184px; height: 25px; background: url(/images/catalog_title_bg.gif) no-repeat; line-height: 25px; color: #3973a9; font-size: 120%; padding-left: 10px; }
#catalog_info .block { z-index: 99; position: absolute; top: 24px; width: 792px; height: 170px; border: 1px solid #96bade; background-color: #dde9f5; background-repeat: no-repeat; background-position: right bottom; padding: 10px; overflow: hidden; }
#catalog_info .block h1 { font-size: 120%; color: #3973a9; margin: 0 0 5px 0; padding: 0; }
#catalog_info .block p { font-size: 90%; color: #555; line-height: 130%; margin-bottom: 10px; margin-right: 280px; }

#catalog_table { border: 1px solid #96bade; width: 100%; }
#catalog_table td { padding: 3px 5px; }
#catalog_table .pages.top td { border-bottom: 1px solid #96bade; }
#catalog_table .pages.bottom td { border-top: 1px solid #96bade; }
#catalog_table .pages .leftcol { text-align: left; }
#catalog_table .pages .rightcol { text-align: right; }
#catalog_table .catline td { width: 25%; text-align: center; padding-top: 20px; padding-bottom: 20px; }
#catalog_table .catline td a { text-decoration: none; font-size: 90%; }
#catalog_table .catline td a span { text-decoration: underline; line-height: 120%; }
#catalog_table .catline td a:hover span { text-decoration: none; }

#catalog_inner { background: url(/images/catalog_inner_bg.jpg) no-repeat; height: 312px; margin-bottom: 10px; }
#catalog_inner .nav { height: 25px; line-height: 25px; }
#catalog_inner .nav .left { float: left; width: 406px; padding-left: 10px; }
#catalog_inner .nav .left { float: left; width: 406px; padding-left: 10px; }
#catalog_inner .nav div a { display: block; color: #3973a9; text-decoration: none; font-size: 120%; cursor: pointer; }
#catalog_inner .information { padding: 10px; }
#catalog_inner .information.hide { display: none; }
#catalog_inner .information h1 { display: block; font-size: 120%; font-weight: normal; color: #3973a9; line-height: 100%; height: 30px; overflow: hidden; }
#catalog_inner .information table { width: 100%; height: 200px; }
#catalog_inner .information table td { vertical-align: top; }
#catalog_inner .information .left { border-right: 1px solid #cdd6cc; padding-right: 10px; }
#catalog_inner .information .left,
#catalog_inner .information .right { width: 300px; }
#catalog_inner .information .left div,
#catalog_inner .information .right div { height: 200px; overflow: auto; font-size: 90%; line-height: 120%; color: #555; }
#catalog_inner .information .left div p,
#catalog_inner .information .right div p{ margin-bottom: 10px; }
#catalog_inner .information .right { padding-left: 10px; }
#catalog_inner .information .img { text-align: center; }
#catalog_inner .information .img a { text-decoration: none; font-size: 90%; }
#catalog_inner .information .img a span { text-decoration: underline; }
#catalog_inner .information .img a:hover span { text-decoration: none; }
#catalog_inner .pdf { height: 20px; line-height: 20px; padding-left: 10px; }
#catalog_inner .pdf a { background: url(/images/icon_cat_pdf.gif) no-repeat left; padding-left: 25px; line-height: 20px; font-size: 90%; padding-top: 2px; padding-bottom: 2px; }




/* E-mail
---------------------------------------------------------------------*/
.email_form { border: 0 !important; }
.email_form td { border: 0 !important; }
.email_form .name { width: 150px; text-align: right; padding-right: 10px; }
.email_form .pole { width: 250px; }
.email_form .required { width: 40px; vertical-align: top; }
.email_form .required img { margin-top: 3px; cursor: help; }
.email_form .pole input,
.email_form .pole textarea { width: 250px; }
.email_form .pole textarea { height: 100px; }
.email_form .pole.button { text-align: center; }
.email_form .pole.button input { width: 120px; cursor: pointer; }
.email_form .pole.button input.submit { margin-right: 10px; }



/* Footer
---------------------------------------------------------------------*/
#footer .sub_menu { margin-bottom: 10px; }
#footer { padding-bottom: 10px; }