/*general styles*/
* { margin:0px; padding:0px;}

.clear { clear:both; height:1px;}

body { width:100%; height:100%; text-align:center; font-family:Arial, Helvetica, sans-serif; background-color:#FFFFFF;}

#header { background:#499DD1 url(../img/bg/header-bg.jpg) 250px 0px no-repeat; width:100%; height:40px;}
#wrapper { height:100%; background-image:url(../img/bg/wrapper-bg.jpg); background-repeat:repeat-x; margin-top:1px; padding-top:30px;}

img, #mainframe {behavior: url(iepngfix.htc);}
/*header styles*/

#topmenu { padding-top:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; height:25px; padding-bottom:5px;}
#topmenu li { display:inline; padding:2px 20px 7px 30px;}
#topmenu .tmitem1 { background: url(../img/bg/menu-back.gif) 0px 0px no-repeat;}
#topmenu .tmitem2 { background: url(../img/bg/menu-shop.gif) 0px 0px no-repeat;}
#topmenu .tmitem3 { background: url(../img/bg/menu-institute.gif) 0px 0px no-repeat;}
#topmenu .tmitem4 { background: url(../img/bg/menu-competition.gif) 0px 0px no-repeat;}
#topmenu .tmitem5 { background: url(../img/bg/menu-news.gif) 0px 0px no-repeat;}
#topmenu li a { color:#FFFFFF; text-decoration:none;}
#topmenu li a:hover { color:#FFFFFF; text-decoration:underline;}

/*homepage styles*/

#wrapper .bottles { position:relative; z-index:100; margin-top:-30px; float:right; margin-right:30px;}

/*#mainframe { margin:0px auto 0px auto; background: url(../img/bg/mainframe-bg.jpg) no-repeat; width:776px; height:381px; text-align:left;}*/

/*#mainframe { margin:0px auto 0px auto; background: url(../img/bg/frame-bg.png) repeat-y; width:776px; height:381px; text-align:left;}*/

#mainframe { margin:0px auto 0px auto; background: url(../img/bg/frame-bg.png) repeat-y; width:776px; text-align:left;}

/*#leftmenu { height:100%; margin:0px 10px 0px 14px; width:169px; background: #A5CBE7 url(../img/bg/leftmenu-bg.jpg) top repeat-x; float:left;}
*html #leftmenu { margin-left:7px;}
#leftmenu .logo { margin-top:20px; margin-left:25px;}
#leftmenu ul { margin-top:30px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-align:left;}
#leftmenu ul li { border-bottom:1px solid #FFFFFF; height:16px; background: #499DD1 url(../img/leftmenu-arrow.jpg) 10px 13px no-repeat; padding:10px 0px 10px 30px;}
#leftmenu ul li.first { border-top:1px solid #FFFFFF;}
#leftmenu ul li a { color:#FFFFFF; text-decoration:none;}
#leftmenu ul li a:hover { color:#FFFFFF; text-decoration:underline;}*/

#leftmenu { height:100%; margin:0px 10px 0px 14px; width:169px; background: #A5CBE7 url(../img/bg/leftmenu-bg.jpg) top repeat-x; float:left;}
*html #leftmenu { margin-left:7px;}
#leftmenu .logo { margin-top:20px; margin-left:25px;}
#leftmenu ul { margin-top:30px;}
#leftmenu ul li { border-bottom:1px solid #FFFFFF; height:33px;}
*html #leftmenu ul li img { margin-bottom:-3px;}
#leftmenu ul li.first { border-top:1px solid #FFFFFF;}
#leftmenu ul li a { text-decoration:none;}

#mainframe .bcrumbs { color:#74A341; font-size:10px; padding-top:15px;}
#mainframe .bcrumbs a { font-size:10px; text-decoration:none; color:#74A341;}
#mainframe .bcrumbs a:hover { text-decoration:underline; color:#74A341;}
#mainframe .bcrumbs span { margin-left:10px; margin-right:10px;}

#mainframe .welcometo { font-family: Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#499DD1; margin-top:60px; width:300px;}
#mainframe h1 {font-family: Arial, Helvetica, sans-serif; font-size:28px; font-weight:bold; color:#2E2F82; width:300px;}
#mainframe p { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#2E2F82; padding-top:10px; width:300px;}
#mainframe p span.green { color:#8FC85D;}

#mainframe .button-more { margin-top:20px;}

#footer { width:776px; text-align:right; margin:0px auto 0px auto;}
#footer p { color:#74A341; font-size:10px; padding-top:5px; padding-right:5px;}
#footer p a { font-size:10px; text-decoration:none; color:#74A341;}
#footer p a:hover { text-decoration:underline; color:#74A341;}
#footer p span { margin-left:10px; margin-right:10px;}

/*products page styles*/
#mainframe h1.products  {font-family: Arial, Helvetica, sans-serif; font-size:36px; font-weight:bold; color:#2E2F82; margin-bottom:10px; width:380px;}
#mainframe p.products { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#2E2F82; margin-top:-20px; width:380px;}
#mainframe .quote { width:378px; background-color:#F6FAFD; border:1px solid #DDECF6; margin-top:10px;}
#mainframe .quote p { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#0081D1; margin:5px 34px 5px 34px; width:310px; padding-top:0px;}
#mainframe .quote .quote-top { width:363px; text-align:left; padding-top:7px; padding-left:15px;}
#mainframe .quote .quote-btm { width:363px; text-align:right; padding-bottom:7px; padding-right:15px;}
#mainframe .bottles-small { float:right; margin-right:30px; margin-top:10px;}

#mainframe h2.products  {font-family: Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#9FD372; padding-bottom:10px; width:380px;}

#mainframe .ingredients { width:550px; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#2E2F82;}
#mainframe .ingredients tr td { padding:5px 4px 5px 45px; background-image:url(../img/table-bullet-white.gif); background-position:20px 5px; background-repeat:no-repeat;}
#mainframe .ingredients tr.alt td { background-color:#EAF3F9; background-image:url(../img/table-bullet-blue.gif);}

/*nutrition page styles*/

#mainframe .nutrition { width:550px; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#2E2F82;}
#mainframe .nutrition tr th { padding:5px 4px 5px 30px; background-color:#499DD1; color:#FFFFFF; font-weight:bold;}
#mainframe .nutrition tr td { padding:5px 4px 5px 30px;}
#mainframe .nutrition tr.alt td { background-color:#EAF3F9;}
/*#mainframe .nutrition tr td.tabletitle { color:#2E2F82; font-weight:bold; background-image:url(../img/table-arrow-white.gif); background-position:10px 6px; background-repeat:no-repeat;}
#mainframe .nutrition tr.alt td.tabletitle { color:#2E2F82; font-weight:bold; background-image:url(../img/table-arrow-blue.gif); background-position:10px 6px; background-repeat:no-repeat;}*/

#mainframe .nutrition tr td.tabletitle { color:#2E2F82; font-weight:bold; background-image:url(../img/table-arrow-green.gif); background-position:13px 9px; background-repeat:no-repeat;}
#mainframe .nutrition tr.alt td.tabletitle { color:#2E2F82; font-weight:bold;}

/*exercise tips page styles*/
#mainframe h2.tips { font-size:16px; color:#4A9DD1; background:#F2F7FB url(../img/tips-bullet.jpg) 15px 5px no-repeat; width:458px; border:1px solid #E2EFF8; font-weight:bold; padding:7px 45px 7px 45px; margin-top:10px;}
#mainframe p.tips { font-size:12px; color:#27436D; width:460px; padding:0px 45px 0px 45px; margin-top:5px;}