@charset "utf-8";

body { margin:0; padding:0; width:100%; background:#e0e4e6 url(images/topbg.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif;}

html { padding:0; margin:0;}

img{border:none;}

.bdr{ border:1px #ccc solid;}



/* main */

.main {width:100%; padding:0; margin:0 auto; }

.resize { width:985px; margin:0 auto;}



/********** header **********/

.header {background:url(images/header_bg.gif) top repeat-x; padding:0; margin:0 auto; }



.block_header {margin:0 auto; width:982px; padding:0; border:none;  }

/* logo */

.logo { float:left; padding:0; margin:0; width:219px; margin-top:45px;}

.mission {
	float:left;
	padding:10px 0;
	margin:0;
	width:750px;
	font:11px verdana, Arial, Helvetica, "Arial";
	line-height:15px;
	text-align:center;
}

.mission p{margin:0; padding:3px; }

.mission-title{text-transform:uppercase; font:bold 10pt Arial, Helvetica, sans-serif; }

p.mission-title {margin-top:10px;}

.icons{width:100px;  position:relative; z-index:1; float:right; vertical-align:text-top; margin-top:-35px;}

.icons1{padding:2px; float:right;}

/* search */

.search { padding:50px 20px 0 0; margin:0; float:right; width:440px;}

.search form { display:block; float:right; padding:5px 0;}

.search span { display:block; float:left; background: url(images/search_bg.gif) left top no-repeat; width:149px; padding:0 5px; height:32px;}

.search form .keywords { line-height:14px; float:left; border:0; width:149px; padding:9px 0; height:14px; background:none; margin:0; font:normal 14px Arial, Helvetica, sans-serif; color:#9c9c9c;}

.search form .button { float:left; margin:0; padding:0;}

/* menu */	

.menu { height:42px; padding:0; margin:0 auto; width:980px; background:url(images/menu_bg.gif) top repeat-x; border-right:1px solid #dadada; border-left:1px solid #dadada;}

.menu ul { padding:0; margin:0; list-style:none; border:0; float:left;}

.menu ul li { float:left; margin:0; padding:0 5px; border:0;}

.menu ul li a { float:left; margin:0; padding:13px 0; color:#757575; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}

.menu ul li a span { padding:13px; background:none;}

.menu ul li a:hover { color:#3c91cc;  background: url(images/r_menu.gif) no-repeat right;}

.menu ul li a:hover span {  color:#3c91cc; background:url(images/l_menu.gif) no-repeat left;}

.menu ul li a.active {  color:#3c91cc;background:url(images/r_menu.gif) no-repeat right;}

.menu ul li a.active span { color:#3c91cc;  background:url(images/l_menu.gif) no-repeat left;}



/********** slider **********/

.slider_top { margin:0 auto; padding:10px 0 0 0; height:305px;}

/*header_text*/

.header_text { height:299px; margin:0 auto; padding:0; width:978px; border:1px solid #dcdcdc; background: url(images/slider_bg.gif) top repeat-x;}

.header_text .div { float:left; width:958px; padding:0; margin:0;}

.header_text img.screen { float:right; margin:0; padding:18px 50px 0 0;}

.header_text .div .left1 { float:left; width:420px; padding:0 0 0 10px; margin:0;}

.header_text .div .left1 img { float:left; margin:0; padding:10px 0 0 0;}

.header_text .div .left1 h2 { font:normal 36px Arial, Helvetica, sans-serif; color:#4392ca; padding:30px 0 0 0; margin:0;}

.header_text p { font: normal 13px Arial, Helvetica, sans-serif; color:#868686; padding:10px 0 10px 0; margin:0;}

/********** slider **********/

.slider_top2 {background: url(images/bg.gif); margin:0 auto; padding:20px 0;}

.header_text2 { height:119px; margin:0 auto; padding:0; width:978px; border:1px solid #dcdcdc; background: url(images/slider_bg2.gif) top repeat-x;}

.header_text2 h2 { font:normal 36px Arial, Helvetica, sans-serif; color:#4392ca; padding:10px 0 0 30px; margin:0;}

.header_text2 p { font: normal 13px Arial, Helvetica, sans-serif; color:#868686; padding:10px 20px 10px 30px; margin:0;}

/* menu */	

.menu2 { float:left; padding:0; margin:0; width:580px;}

.menu2 ul {  padding:0; margin:0; list-style:none; border:0;}

.menu2 ul li { float:left; margin:0; padding:1px 1px 0 0; border:0;}

.menu2 ul li a { float:left; margin:0; padding:8px 10px; color:#232b2d; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}

.menu2 ul li a:hover { color:#1899b8;}

.menu2 ul li a.active {color:#1899b8;}

/*top_sup*/

.top_sup { padding:0; margin:0; background:url(images/bg.gif);}

.top_sup_resize { width:982px; margin:0 auto; padding:0;}

.top_sup_resize img { float:right; margin:5px 5px; padding:5px;}

.top_sup_resize p { font:normal 11px Arial, Helvetica, sans-serif; color:#949494; padding:5px; margin:0; line-height:1.8em;}

.top_sup_resize span { font: bold 14px Arial, Helvetica, sans-serif; color:#4392ca;}

/********** block index **********/

.body {background:#e0e4e6; padding:0 0 10px 0; margin:0; text-align:justify;}

.body_resize { width:982px; margin:0 auto; padding:0;}

.body h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#000; padding:15px 5px; margin:0; border-bottom:1px solid #c6cfd3;}

.body h3 { font:bold 17px Arial, Helvetica, sans-serif; color:#000; padding:15px 5px 0px; margin:0;}

.body p, .index-box, .indexbox-right{ font:normal 12px "Arial"; color:#7a7a7a; padding:10px 5px; margin:0; line-height:1.8em;}

.body p span { color:#4392ca;}

.body a { color:#656565; text-decoration:underline;}

.body img { float:left; margin:5px; padding:0;}

.body img.clear { float:none; margin:5px 0; padding:0;}

.body img.floated {float:right; margin:5px; padding:0; }

.left  { width:300px; border:1px solid #c6cfd3; background:#fff; float:left; margin:10px 5px 0 5px; padding:10px 15px;} 

.left2  { width:285px; float:left; margin:5px; padding:10px 15px;} 

.right  { width:595px;border:1px solid #c6cfd3; background:#fff; float:left; margin:10px 5px 0 5px; padding:10px 15px;}

.right ul{margin:0; padding:0; font:normal 12px Arial, Helvetica, sans-serif; color:#949494; } 

.right li{list-style:none; margin:0 0 0 50px; padding:5px 0; list-style-image:url(images/bullets.gif);} 

.blog { width:230px; float:left; margin:10px 2px; padding:0;}

.blog2 { width:230px; float:left; margin:10px 15px; padding:0;}

.more a{background:#000; padding:2px 5px;  display:inline; font-weight:bold; color:#fff; text-decoration:none;}

.more a:hover{color:#fff;}



.index-box{background:url(images/index_box.png) no-repeat; width:206px; height:270px;  margin:10px 9px 0 0px; float:left; padding:10px;}

.index-box h1, .indexbox-right h1{color:#000; font:bold 15px Arial, Helvetica, sans-serif;  text-transform:uppercase; margin:5px 0 0; padding:0;}

 .indexbox-right h1 span{color:#000;}

.indexbox-right{float:right; margin:10px 5px 0 5px; width:226px; height:284px; border-left:1px solid #cdcfd0; padding:10px 10px 2px 15px;}

ul.nutrition{margin:0; padding:0;}

ul.nutrition li{list-style:none; list-style-image:url(images/bullets.gif); margin-left:15px;}

/********** contact form **********/

#contactform { margin:0; padding:5px 10px;}

#contactform * { color:#F00;}

#contactform ol { margin:0; padding:0; list-style:none;}

#contactform li { margin:0; padding:0; background:none; border:none; display:block;}

#contactform li.buttons { margin:5px 0 5px 0;}

#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:normal 13px  Tahoma, Geneva, sans-serif; color:#6e6e6e; text-transform:capitalize;}

#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}

#contactform input.text { width:430px; border:1px solid #d7d7d7; margin:5px 0; padding:5px 2px; height:15px; background:#fff;}

#contactform textarea { width:430px; border:1px solid #d7d7d7; margin:10px 0; padding:2px; background:#fff; height:250px;}

#contactform li.buttons input { padding:3px 0; margin:0 0 0 100px; border:0; color:#FFF;}

p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

.footer { margin:0; padding:0px 0 0 0; background:#000;}

.footer_resize { margin:0 auto; padding:10px 0; width:980px;  background:#000;}

.footer ul { margin:0;  list-style:none;  padding:0;}

.footer img { display:inline; margin:5px 10px; padding:0;}

.footer ul li { margin:0; padding:0 10px; float:left;}

.footerleft, .footerright{font:normal 12px Arial, Helvetica, sans-serif; width:450px; padding:10px; color:#5d5c5c;}

.footerleft{ float:left; }

.footerright{ float:right; text-align:right; margin-top:-3px;}

.footer p { margin:0; padding:20px 20px 10px 20px; float:right; color:#5d5c5c; font:normal 12px Arial, Helvetica, sans-serif; line-height:1.8em;}

.footer a { color:#5d5c5c; font:normal 12px Tahoma, Geneva, sans-serif; text-decoration:none; line-height:1.8em;}

.footer a:hover { text-decoration:underline;}



p.clr, .clr { clear:both; padding:0; margin:0; background:none;}

li.bg, .bg { clear:both; border-top:1px solid #c6cfd3; padding:0; margin:10px 0; background:none; line-height:0;}





.contact-form td{padding:1px 0; font:12px Arial, Helvetica, sans-serif; color:#6e6e6e;}

.contact-form input, .contact-form textarea{ border:1px solid #e7f0ea; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; width:200px; background:url(images/split.jpg) repeat-x #fff; height:25px;}

.contact-form textarea{height:75px;}

.contact-form input:focus, .contact-form input:hover, .contact-form textarea:focus, .contact-form textarea:hover{border:1px solid #e7f0ea; background:url(images/split_over.jpg) repeat-x bottom center #fff;}

.submit_bot input{width:50px; background:url(images/submit.jpg) no-repeat; width:69px; height:31px; cursor:pointer; border:none; margin-left:135px; color:#fff; margin-top:10px;}

.submit_bot input:focus, .submit_bot input:hover{border:none; background:url(images/submit.jpg) no-repeat;}







.faq{width:600px; text-align:justify; font: 12px Arial, Helvetica, sans-serif; line-height:17px; color:#7a7a7a;}

.faq .head {background:url(images/split.jpg) top left repeat-x #fff; border:1px solid #e7f0ea; padding:5px; margin:2px 0; }

.faq .head a{ color:#393939; text-decoration:none; font-weight:bold;}

.faq .head a:hover{color:#88b597; }

.p7epm_cwrapper{padding:5px 15px 5px; text-align:justify; margin:0;}



.box{width:190px; float:left;}

.box-products{width:290px; float:left;}

.box-products strong span{color:#000; font:bold 15px Arial, Helvetica, sans-serif;}


a.order_link
{
color:#cccccc;
}

a.order_link hover
{
color: #FFCC33;
}.main .header .block_header .mission p strong {
	font-family: Tahoma, Geneva, sans-serif;
}
