/* Css 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{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
ol,ul{ list-style:none; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none; }
:focus{ outline:0; }
ins{ text-decoration:none; }
del{ text-decoration:line-through; }
table{ border-collapse:collapse; border-spacing:0; }
label{ cursor:pointer; }
/* General */
a,
a:visited{ color:#08c; text-decoration:none; }
a:focus,
a:hover{ text-decoration:underline; }
body{ background:#fff url(../images/bgr-body.jpg) repeat-x top; color:#7f7f7f; font:62.5%/1 Verdana,Geneva,sans-serif; }
/* Home */
#home{ background:url(../images/bgr-home-top.jpg) repeat-x top; }
/* Wrapper */
#wrapper{ margin:0 auto; }
/* Header */
#header{ background:url(../images/bgr-header.jpg) no-repeat center top; }
#header #logo{ float:left; display:block; width:370px; height:108px; text-indent:-9999px; background:url(../images/logo.png) no-repeat; }
/* Header-content */
#header-content{ width:970px; margin:0 auto; overflow:hidden; }
#home #header{ height:643px; background:url(../images/bgr-home-header.jpg) no-repeat center top; }
/* Nav */
#nav{ float:right; padding-top:44px; }
#nav li{ float:left; }
#nav a,
#nav a:visited{ display:block; height:27px; text-indent:-9999px; }
#nav .home{ width:65px; background:url(../images/bgr-nav-home.png) no-repeat top left; }
#nav .mobile{ width:77px; background:url(../images/bgr-nav-mobile.png) no-repeat top left; }
#nav .tools{ width:69px; background:url(../images/bgr-nav-tools.png) no-repeat top left; }
#nav .blog{ width:62px; background:url(../images/bgr-nav-blog.png) no-repeat top left; }
#nav .support{ width:87px; background:url(../images/bgr-nav-support.png) no-repeat top left; }
#nav .home:hover,
#nav .mobile:hover,
#nav .tools:hover,
#nav .blog:hover,
#nav .support:hover{ background-position:0 50%; }
#nav .current .home,
#nav .current .mobile,
#nav .current .tools,
#nav .current .blog,
#nav .current .support{ background-position:bottom left; }
/* Splash */
#splash{ clear:both; position:relative; width:884px; height:449px; padding:55px 43px 0; margin:0 auto; background:url(../images/bgr-splash.png) no-repeat; }
#splash .splashimg{ position:absolute; bottom:0; right:20px; }
#splash .text{ float:left; width:400px; font-family:Arial,Helvetica,sans-serif; font-size:13px; line-height:22px; }
#splash .top{ margin-bottom:15px; border-bottom:1px dotted #bebebe; }
#splash h2{ width:360px; height:67px; margin-bottom:25px; text-indent:-9999px; background:url(../images/tit-managingweight.png) no-repeat; }
#splash h3{ width:392px; height:39px; margin-bottom:20px; text-indent:-9999px; background:url(../images/tit-doyouwant.png) no-repeat; }
#splash .buttons{ clear:both; width:400px; margin:40px 0 0; overflow:hidden; }
#splash .buttons li{ float:left; width:84px; margin-right:49px; text-align:center; }
#splash .buttons .weightmate{ width:84px; height:14px; margin:0 auto; text-indent:-9999px; background:url(../images/tit-weightmate.png) no-repeat; }
#splash .buttons .calories{ width:54px; height:14px; margin:0 auto; text-indent:-9999px; background:url(../images/tit-calories.png) no-repeat; }
#splash .buttons .caloriespro{ width:81px; height:14px; margin:0 auto; text-indent:-9999px; background:url(../images/tit-caloriespro.png) no-repeat; }
/* Topbar */
#topbar{ clear:both; font-size:13px; border-bottom:1px solid #e6e6e6; }
/* Topbar-content */
#topbar-content{ width:950px; padding:12px 10px; margin:0 auto; overflow:hidden; }
#topbar-content .buy{ float:right; display:block; width:278px; height:42px; text-indent:-9999px; background:url(../images/button-buyquickkacal.png) no-repeat; }
/* Bcrumbs */
#bcrumbs{ float:left; padding:15px 0 10px; overflow:hidden; }
#bcrumbs li{ float:left; margin-right:20px; }
#bcrumbs a,
#bcrumbs a:visited{ display:block; color:#555; }
#bcrumbs a:hover,
#bcrumbs .current a,
#bcrumbs .current a:visited{ color:#08c; padding-bottom:3px; border-bottom:1px solid #08c; text-decoration:none; }
/* Content-column */
#content-column{ background:url(../images/bgr-content.png) repeat-y top center; }
/* Content */
#content{ clear:both; width:970px; font-size:12px; margin:0 auto; }
#content .mainbox{ float:left; width:660px; }
#content .sidebox{ float:right; width:285px; padding:40px 0 0 25px; }
#content p{ line-height:18px; }
/* Homepage */
#homepage{ width:940px; padding:30px 15px; overflow:hidden; }
#homepage .box{ float:left; width:278px; margin-left:53px; }
#homepage .box h2{ margin-bottom:5px; }
#homepage .box h3{ font-size:11px; color:#000; margin-bottom:8px; line-height:15px; }
#homepage .firstbox{ margin-left:0; }
#homepage .top{ width:940px; margin-bottom:40px; overflow:hidden; }
#homepage .top .screenshot{ width:268px; height:268px; padding:10px 0 0 10px; margin-bottom:30px; background:url(../images/bgr-homebox.png) no-repeat; }
#homepage .bottom{ clear:both; width:940px; }
#homepage .bottom ul{ font-size:11px; margin-top:20px; }
#homepage .bottom li{ padding-top:15px; margin-bottom:15px; border-top:1px dotted #bebebe; }
#homepage .bottom li p{ margin-bottom:15px; line-height:15px; }
#homepage .rating{ margin-bottom:5px; }
#homepage .rating img{ margin-right:7px; }
#bmicalcbox h2{ width:196px; height:22px; text-indent:-9999px; background:url(../images/tit-bmicalc.png) no-repeat; }
#foodfactsbox h2{ width:265px; height:23px; text-indent:-9999px; background:url(../images/tit-foodfacts.png) no-repeat; }
#supportbox h2{ width:119px; height:26px; text-indent:-9999px; background:url(../images/tit-support.png) no-repeat; }
#qa h2{ width:252px; height:24px; text-indent:-9999px; background:url(../images/tit-qa.png) no-repeat; }
#calblog h2{ width:263px; height:26px; text-indent:-9999px; background:url(../images/tit-calblog.png) no-repeat; }
#custfeedback h2{ width:236px; height:25px; text-indent:-9999px; background:url(../images/tit-custfeedback.png) no-repeat; }
#helpbuild h2{ width:193px; height:39px; text-indent:-9999px; background:url(../images/tit-helpbuild.png) no-repeat; }
#factsneeded h2{ width:169px; height:39px; text-indent:-9999px; background:url(../images/tit-factsneeded.png) no-repeat; }
#getthis h2{ width:131px; height:36px; text-indent:-9999px; background:url(../images/tit-getthis.png) no-repeat; }
/* Overview */
#overview,
#compare,
#helpbuildquick,
#qna,
#termsofuse,
#privacy{ width:970px; padding:0 0 50px; margin:0 auto; background:url(../images/bgr-content.png) repeat-y center; overflow:hidden; }
#overview .mainbox{ width:640px; padding:40px 20px 0 0; }
#overview h2{ margin-bottom:15px; text-indent:-9999px; }
#overview h3{ font-size:18px; font-weight:normal; color:#161616; margin-bottom:5px; }
#overview .howmany h2{ width:461px; height:28px; background:url(../images/tit-howmanycalories.png) no-repeat; }
#overview .scanit h2{ width:130px; height:22px; background:url(../images/tit-scanit.png) no-repeat; }
#overview .dontjustsit h2{ width:464px; height:23px; background:url(../images/tit-dontjustsit.png) no-repeat; }
#overview .wearein h2{ width:296px; height:26px; background:url(../images/tit-wearein.png) no-repeat; }
#overview .getstarted h2{ width:220px; height:26px; background:url(../images/tit-getstarted.png) no-repeat; }
#overview .availablestore h2{ width:432px; height:32px; background:url(../images/tit-availablestore.png) no-repeat; }
#overview .box{ width:640px; margin-bottom:20px; overflow:hidden; }
#overview p{ font:13px Arial,Helvetica,sans-serif; margin-bottom:20px; line-height:18px; }
#overview .alignright{ float:right; margin-left:20px; }
#overview .alignleft{ float:left; margin-right:20px; }
#overview .scanit h3{ float:left; padding-right:50px; background:url(../images/ico-pro.png) no-repeat right; }
#overview .scanit p{ clear:both; }
#overview .scanit .text{ float:left; width:475px; }
#overview .wearein .text{ float:left; width:300px; }
#overview .availablestore .text{ float:left; width:335px; }
#overview .buttons{ float:left; color:#000; margin-right:10px; }
#overview .buttons li{ position:relative; float:left; margin-right:15px; }
#overview .buttons p{ position:absolute; bottom:0; left:0; width:80px; text-align:center; margin-bottom:0; line-height:normal; }
/* Feature */
#feature{ font:13px Arial,Helvetica,sans-serif; margin-bottom:20px; }
#feature h2{ width:120px; height:18px; margin-bottom:25px; text-indent:-9999px; background:url(../images/tit-features.png) no-repeat; }
#feature h3{ margin-bottom:15px; }
#feature .countcal{ width:122px; height:12px; text-indent:-9999px; background:url(../images/tit-countcalories.png) no-repeat; }
#feature .trackexercise{ width:114px; height:12px; text-indent:-9999px; background:url(../images/tit-trackexercise.png) no-repeat; }
#feature .trackweight{ width:107px; height:12px; text-indent:-9999px; background:url(../images/tit-trackweight.png) no-repeat; }
#feature ul{ margin-bottom:28px; padding-bottom:18px; border-bottom:1px dotted #bebebe; }
#feature li{ padding-left:10px; margin-bottom:10px; line-height:18px; background:url(../images/ico-bullet.png) no-repeat 0 40%; }
#feature li img{ vertical-align:middle; }
/* Likethis */
#likethis{ font:13px Arial,Helvetica,sans-serif; margin-bottom:20px; }
#likethis h2{ width:216px; height:16px; margin-bottom:15px; text-indent:-9999px; background:url(../images/tit-likethisbookmark.png) no-repeat; }
#likethis li{ float:left; margin-left:20px; }
#likethis .first{ margin-left:0; }
#likethis a{ display:block; width:26px; height:26px; text-indent:-9999px; }
#likethis .stumble{ background:url(../images/ico-stumble.png) no-repeat; }
#likethis .facebook{ background:url(../images/ico-facebook.png) no-repeat; }
#likethis .del{ background:url(../images/ico-del.png) no-repeat; }
#likethis .digg{ background:url(../images/ico-digg.png) no-repeat; }
#likethis .linked{ background:url(../images/ico-linked.png) no-repeat; }
#likethis .twitter{ background:url(../images/ico-twitter.png) no-repeat; }
/* Compare */
#compare table{ width:620px; font:13px Arial,Helvetica,sans-serif; color:#161616; margin:30px 0 0 10px; }
#compare table td{ padding:10px 0 4px; border-bottom:1px dotted #bebebe; text-align:center; vertical-align:top; line-height:20px; }
#compare table .firstcol{ width:178px; text-align:left; }
#compare table h2{ font-size:25px; font-weight:normal; }
#compare table .ver td,
#compare table .price td,
#compare table .buttons td{ border-bottom:0; }
#compare table .ver td{ padding-bottom:20px; }
#compare table .buttons td{ padding-top:40px; }
#compare table .getitfree{ display:block; width:133px; height:42px; text-indent:-9999px; background:url(../images/button-getitfree.png) no-repeat; }
#compare table .buynow{ display:block; width:133px; height:42px; text-indent:-9999px; background:url(../images/button-buynow.png) no-repeat; }
#compare table .ver .weightmate{ width:84px; height:14px; margin:0 auto; text-indent:-9999px; background:url(../images/tit-weightmate.png) no-repeat; }
#compare table .ver .calories{ width:54px; height:14px; margin:0 auto; text-indent:-9999px; background:url(../images/tit-calories.png) no-repeat; }
#compare table .ver .caloriespro{ width:81px; height:14px; margin:0 auto; text-indent:-9999px; background:url(../images/tit-caloriespro.png) no-repeat; }
/* Custfeedback */
#custfeedback h2{ margin-bottom:5px; }
#custfeedback h3{ font-size:11px; color:#000; margin-bottom:8px; line-height:15px; }
#custfeedback p{ margin-bottom:10px; }
#custfeedback ul{ font-size:11px; margin-top:20px; }
#custfeedback li{ padding-top:15px; margin-bottom:15px; border-top:1px dotted #bebebe; }
#custfeedback li p{ margin-bottom:15px; line-height:15px; }
#custfeedback .rating{ margin-bottom:5px; }
#custfeedback .rating img{ margin-right:7px; }
/* Gallery */
#gallery{ width:950px; font:13px Arial,Helvetica,sans-serif; color:#5d5d5d; padding:40px 0; margin:0 auto; }
#gallery .slide{ width:950px; overflow:hidden; }
#gallery .slide h3{ margin-bottom:10px; }
#gallery .slide h3 span{ display:none; }
#gallery .slide p{ margin-bottom:20px; line-height:20px; }
#gallery .slide li{ position:relative; float:left; width:838px; padding:0 20px; }
#gallery .slide .prev,
#gallery .slide .next{ width:36px; padding:200px 0 0; }
#gallery .slide .prev a{ display:block; width:36px; height:36px; text-indent:-9999px; background:url(../images/button-gallery-left.png) no-repeat; }
#gallery .slide .next a{ display:block; width:36px; height:36px; text-indent:-9999px; background:url(../images/button-gallery-right.png) no-repeat; }
#gallery .slide .slide1 img,
#gallery .slide .slide3 img,
#gallery .slide .slide6 img,
#gallery .slide .slide7 img{ display:block; margin:0 auto; }
#gallery .slide .slide4 img,
#gallery .slide .slide5 img{ padding-left:280px; }
#gallery .slide .slide2 .dailyoverview{ position:absolute; top:40px; left:50px; width:240px; text-align:right; }
#gallery .slide .slide2 .dailyoverview h3{ width:100%; height:15px; background:url(../images/tit-dailyoverview.png) no-repeat right; }
#gallery .slide .slide2 .historydetail{ position:absolute; top:150px; right:60px; width:240px; }
#gallery .slide .slide2 .historydetail h3{ width:207px; height:15px; text-indent:-9999px; background:url(../images/tit-historydetail.png) no-repeat; }
#gallery .slide .slide3 .eatwellplate{ position:absolute; top:100px; left:50px; width:240px; text-align:right; }
#gallery .slide .slide3 .eatwellplate h3{ width:100%; height:11px; background:url(../images/tit-eatwellplate.png) no-repeat right; }
#gallery .slide .slide3 .info{ position:absolute; top:210px; right:55px; width:240px; }
#gallery .slide .slide3 .info h3{ width:87px; height:11px; text-indent:-9999px; background:url(../images/tit-information.png) no-repeat; }
#gallery .slide .slide4 .addview{ position:absolute; top:45px; left:50px; width:240px; text-align:right; }
#gallery .slide .slide4 .addview h3{ width:100%; height:34px; background:url(../images/tit-addview.png) no-repeat right; }
#gallery .slide .slide4 .setgoal{ position:absolute; top:280px; left:55px; width:240px; text-align:right; }
#gallery .slide .slide4 .setgoal h3{ width:100%; height:14px; text-indent:-9999px; background:url(../images/tit-setgoal.png) no-repeat right; }
#gallery .slide .slide5 .trackcalorie{ position:absolute; top:180px; left:45px; width:240px; text-align:right; }
#gallery .slide .slide5 .trackcalorie h3{ width:100%; height:12px; text-indent:-9999px; background:url(../images/tit-trackcalorie.png) no-repeat right; }
#gallery .slide .slide6 .foodbarcode{ position:absolute; top:80px; right:50px; width:240px; }
#gallery .slide .slide6 .foodbarcode h3{ width:161px; height:12px; text-indent:-9999px; background:url(../images/tit-foodbarcode.png) no-repeat; }
#gallery .slide .slide7 .trackburn{ position:absolute; top:250px; left:50px; width:240px; text-align:right; }
#gallery .slide .slide7 .trackburn h3{ width:100%; height:12px; background:url(../images/tit-trackburn.png) no-repeat right; }
#gallery .slide .slide7 .favorites{ position:absolute; top:70px; right:55px; width:240px; }
#gallery .slide .slide7 .favorites h3{ width:65px; height:11px; text-indent:-9999px; background:url(../images/tit-favorites.png) no-repeat; }
#gallery .slidenav{ clear:both; width:133px; margin:0 auto; overflow:hidden; }
#gallery .slidenav li{ float:left; margin:0 5px; }
#gallery .slidenav a,
#gallery .slidenav a:visited{ display:block; width:9px; height:9px; text-indent:-9999px; background:url(../images/ico-galleryslide.png) no-repeat top; }
#gallery .slidenav a:hover,
#gallery .slidenav a.current,
#gallery .slidenav a.current:visited{ background-position:bottom; }
/*#gallery #pic-gallery1 {}*/
#gallery #pic-gallery2 {padding:0 0 0 4px;}
#gallery #pic-gallery3 {padding:1px 2px 0 0;}
#gallery #pic-gallery4 {padding:1px 0 0 283px;}
#gallery #pic-gallery5 {padding:1px 0 0 286px;}
#gallery #pic-gallery6 {padding:0 2px 0 0;}
#gallery #pic-gallery7 {padding:1px 2px 0 0;}
/* Bmicalculator */
#bmicalculator{ position:relative; width:950px; padding:40px 10px; }
#bmicalculator form{ width:950px; overflow:hidden; }
#bmicalculator .box{ float:left; width:280px; margin-left:50px; }
#bmicalculator .firstbox{ margin-left:0; }
#bmicalculator h2{ width:268px; height:22px; margin-bottom:15px; text-indent:-9999px; background:url(../images/tit-bmicalculator.png) no-repeat; }
#bmicalculator p{ margin-bottom:35px; }
#bmicalculator label{ display:block; font-weight:bold; color:#000; margin-bottom:8px; }
#bmicalculator .txt{ width:82px; height:29px; margin-right:5px; border:0; text-align:center; background:url(../images/bgr-input-bmicalc.png) no-repeat; }
#bmicalculator .btn-calculate{ width:112px; height:29px; margin-right:10px; border:0; cursor:pointer; vertical-align:middle; background:url(../images/button-calculate.png) no-repeat; }
#bmicalculator .update{ display:block; width:112px; height:29px; text-indent:-9999px; background:url(../images/button-update.png) no-repeat; }
#bmicalculator select{ text-align:center; }
#bmicalculator img{ vertical-align:top; }
#bmicalculator .error{ position:absolute; top:225px; left:350px; width:239px; height:85px; padding:15px 20px; background:url(../images/bgr-bmi-error.png) no-repeat; line-height:20px; display:none; }
#bmicalculator .error h5{ color:#000; margin-bottom:25px; }
#bmicalculator .switch_it{cursor:pointer}
#bmicalculator #slider{position:relative; margin-left:7px; margin-right:13px;}
/* Basicprofile */
#basicprofile{ color:#000; }
#basicprofile h3{ width:190px; height:16px; margin-bottom:25px; text-indent:-9999px; background:url(../images/tit-yourbasicprofile.png) no-repeat; }
#basicprofile li{ margin-bottom:25px; }
#basicprofile span,
#yourgoals span{ color:#a1a1a1; }
#bmidetails h3{ width:178px; height:16px; margin-bottom:25px; text-indent:-9999px; background:url(../images/tit-yourbmidetails.png) no-repeat; }
#bmidetails p{ margin-bottom:15px; }
#bmidetails strong,
#yourgoals strong{ color:#000; }
#bmidetails .red{ color:#9f0808; }
#bmidetails .warning{ color:#466335; margin-top:50px; }
#bmidetails .warning h4{ font-size:20px; font-weight:normal; padding:0 0 0 24px; margin-bottom:10px; background:url(../images/ico-warning.png) no-repeat left; }
#yourgoals h3{ width:172px; height:16px; margin-bottom:25px; text-indent:-9999px; background:url(../images/tit-yourgoals.png) no-repeat; }
#yourgoals li{ margin-bottom:18px; line-height:18px; }
#yourgoals ul{ width:280px; overflow:hidden; }
#yourgoals li li{ float:left; margin-right:10px; text-align:center; }
/* Caloriecalculator */
#caloriecalculator{ width:950px; padding:40px 10px; }
#caloriecalculator form{ width:950px; overflow:hidden; }
#caloriecalculator .box{ float:left; width:280px; color:#000; margin-left:50px; }
#caloriecalculator .firstbox{ margin-left:0; }
#caloriecalculator h2{ width:372px; height:22px; margin-bottom:15px; text-indent:-9999px; background:url(../images/tit-foodnutritionfacts.png) no-repeat; }
#caloriecalculator p{ margin-bottom:35px; }
#caloriecalculator .head-results {float:left;}
#caloriecalculator #select-uk,
#caloriecalculator #select-us,
#caloriecalculator #selected-uk,
#caloriecalculator #selected-us {float:right;}
#caloriecalculator #selected-uk,
#caloriecalculator #select-uk:hover {text-indent:-9999px; background:url("../images/uk-active.jpg") no-repeat scroll 0 0 transparent; width:32px; height:32px;}
#caloriecalculator #selected-us,
#caloriecalculator #select-us:hover {text-indent:-9999px; background:url("../images/us-active.jpg") no-repeat scroll 0 0 transparent; width:32px; height:32px;}
#caloriecalculator #select-uk {text-indent:-9999px; background:url("../images/uk-inactive.jpg") no-repeat scroll 0 0 transparent; width:32px; height:32px;}
#caloriecalculator #select-us {text-indent:-9999px; background:url("../images/us-inactive.jpg") no-repeat scroll 0 0 transparent; width:32px; height:32px;}
.notfoundmsg {float:left; padding:10px;}
/* Calcategory */
#calcategory h3{ width:99px; height:20px; margin-bottom:20px; text-indent:-9999px; background:url(../images/tit-category.png) no-repeat; }
#calcategory p{ margin-bottom:15px; }
#calcategory .category{ margin-bottom:30px; }
#calcategory .category li{ margin-bottom:15px; }
#calcategory .guide li{ height:40px; color:#737373; padding-left:20px; margin-bottom:1px; line-height:17px; }
#calcategory .guide li span{ display:block; padding-top:10px; }
#calcategory .guide .greenbar{ background:url(../images/bgr-greenbar.png) no-repeat left; }
#calcategory .guide .yellowbar{ background:url(../images/bgr-yellowbar.png) no-repeat left; }
#calcategory .guide .bluebar{ background:url(../images/bgr-bluebar.png) no-repeat left; }
#calcategory .guide .violetbar{ background:url(../images/bgr-violetbar.png) no-repeat left; }
#calcategory .guide .redbar{ background:url(../images/bgr-redbar.png) no-repeat left; }
#calresults h3{ width:78px; height:16px; margin-bottom:20px; text-indent:-9999px; background:url(../images/tit-results.png) no-repeat; }
#calresults select{ width:278px; height:29px; color:#7d7d7d; margin-bottom:10px; padding:6px; border:0; background:url(../images/bgr-select-calcalc.png) no-repeat; }
#calresults .txt{ width:233px; height:26px; color:#7d7d7d; margin-bottom:20px; padding:3px 35px 0 10px; border:0; background:url(../images/bgr-input-calcalc.png) no-repeat; }
select#filter_restourants{display:none}
/* Calresults */
#calresults p{ margin-bottom:0; }
#calresults ul{ height:380px; overflow:scroll; }
#calresults li{ height:40px; padding-left:18px; border-top:1px solid #e6e6e6; line-height:18px; cursor:pointer; }
#calresults li span{ color:#737373; }
#calresults .greenbar{ background:url(../images/bgr-greenbar.png) no-repeat left; }
#calresults .yellowbar{ background:url(../images/bgr-yellowbar.png) no-repeat left; }
#calresults .bluebar{ background:url(../images/bgr-bluebar.png) no-repeat left; }
#calresults .purplebar{ background:url(../images/bgr-violetbar.png) no-repeat left; }
#calresults .pinkbar{ background:url(../images/bgr-redbar.png) no-repeat left; }
/* Calnutfacts */
#calnutfacts h3{ width:158px; height:16px; margin-bottom:20px; text-indent:-9999px; background:url(../images/tit-nutritionfacts.png) no-repeat; }
#calnutfacts p{ color:#666; margin-bottom:25px; }
#calnutfacts .top{ width:280px; overflow:hidden; }
#calnutfacts .top img{ float:left; margin-right:10px; border:1px solid #c1c1c1; }
#calnutfacts .top .text{ float:left; width:163px; line-height:18px; }
#calnutfacts .top .text p{ color:#737373; margin-top:7px; }
#calnutfacts select{ width:82px; height:29px; margin-right:5px; padding:6px; border:0; text-align:center; background:url(../images/bgr-select2-calcalc.png) no-repeat; }
#calnutfacts ul{ color:#737373; margin-bottom:45px; }
#calnutfacts li{ margin-bottom:18px; }
#calnutfacts li strong{ color:#000; }
/* Eatwell */
#eatwell{ width:950px; padding:40px 10px; }
#eatwell h2{ width:309px; height:22px; margin-bottom:15px; text-indent:-9999px; background:url(../images/tit-theeatwellplate.png) no-repeat; }
#eatwell p{ margin-bottom:20px; }
#eatwell .chart{ margin:30px 0; }
#eatwell .crown{ padding:30px 0 0 190px; background:url(../images/logo-fsa.png) no-repeat left top; }
/* Jobs */
#jobs{ width:950px; padding:40px 10px; }
#jobs h2{ width:483px; height:22px; margin-bottom:15px; text-indent:-9999px; background:url(../images/tit-workquickkacalories.png) no-repeat; }
#jobs p{ margin-bottom:18px; }
#jobs .jobopenings li{ margin-bottom:5px; }
#jobs .jobopenings .foodnutrient,
#jobs .jobopenings .parttime,
#jobs .jobopenings .blog{ margin-bottom:12px; font-weight:bold; font-size:1.17em; }
#jobs .jobopenings .foodnutrient:hover,
#jobs .jobopenings .parttime:hover,
#jobs .jobopenings .blog:hover,
#jobs .jobopenings .active { color:#000; text-decoration:none;}
#jobs .jobopenings .foodnutrient { display:block; padding:11px 0 0 40px; background:url(../images/ico-factsneeded.png) no-repeat left; }
#jobs .jobopenings .parttime { display:block; padding:11px 0 0 40px; background:url(../images/ico-parttime.png) no-repeat left; }
#jobs .jobopenings .blog { display:block; padding:15px 0 0 40px; background:url(../images/ico-blog.png) no-repeat left; }
#jobs .jobopenings .active { color:#000; }
#jobs .jobform{ width:950px; margin:30px 0 40px; overflow:hidden; }
#jobs .jobform form{ float:left; width:625px; margin-right:50px; }
#jobs .jobform li{ margin-bottom:20px; }
#jobs .jobform ul{ width:623px; overflow:hidden; }
#jobs .jobform li li{ float:left; margin:0 0 0 40px; }
#jobs .jobform li .first{ margin-left:0; }
#jobs label{ display:block; font-weight:bold; color:#000; margin-bottom:10px; }
#jobs label span{ font-weight:normal; color:#7f7f7f; }
#jobs input{ vertical-align:middle; }
#jobs .txt{ width:280px; height:19px; color:#7d7d7d; padding:5px; border:0; background:url(../images/bgr-input-jobs1.png) no-repeat; }
#jobs .txt2{ width:516px; height:25px; color:#7d7d7d; margin-right:20px; padding:5px; border:0; background:url(../images/bgr-input-jobs2.png) no-repeat; }
#jobs textarea{ width:610px; height:149px; color:#7d7d7d; padding:5px; border:0; background:url(../images/bgr-textarea-jobs.png) no-repeat; }
#jobs .btn{ float:right; width:94px; height:29px; margin-right:5px; border:0; cursor:pointer; background:url(../images/button-submit.png) no-repeat; }
#jobs .byemail{ float:left; width:270px; }
#jobs .byemail h4{ color:#000; margin-bottom:30px; }
#jobs .thankyou{ width:582px; height:75px; color:#666; padding:20px; background:url(../images/bgr-formthankyou.png) no-repeat; }
#jobs .thankyou strong{ color:#000; }
/* Helpbuildquick */
#helpbuildquick .mainbox{ width:620px; padding:40px 10px 0; }
#helpbuildquick h2{ width:473px; height:22px; margin-bottom:15px; text-indent:-9999px; background:url(../images/tit-helpbuildquickka.png) no-repeat; }
#helpbuildquick p{ margin-bottom:20px; }
#helpbuildquick form{ margin-bottom:30px; }
#helpbuildquick .thankyou{ clear:both; width:582px; height:75px; color:#666; padding:20px; background:url(../images/bgr-formthankyou.png) no-repeat; display:none; }
#helpbuildquick .thankyou strong{ color:#000; }
#helpbuildquick li{ margin-bottom:20px; }
#helpbuildquick ul{ margin-bottom:20px; }
#helpbuildquick ul ul{ width:292px; }
#helpbuildquick li li{ float:left; margin:0 0 0 22px; }
#helpbuildquick li .first{ margin-left:0; }
#helpbuildquick label{ display:block; font-weight:bold; color:#000; margin-bottom:10px; }
#helpbuildquick .txt1{ width:280px; height:19px; color:#7d7d7d; padding:5px; border:0; background:url(../images/bgr-input-jobs1.png) no-repeat; }
#helpbuildquick form .txt1{ margin-right:35px; }
#helpbuildquick .txt2{ width:72px; height:19px; color:#7d7d7d; padding:5px; border:0; background:url(../images/bgr-input-bmicalc.png) no-repeat; }
#helpbuildquick select{ width:290px; height:29px; color:#7d7d7d; margin-right:35px; padding:6px; border:0; background:url(../images/bgr-select-helpbuild.png) no-repeat; }
#helpbuildquick .moreinfo,
#helpbuildquick .verification{ width:620px; margin-bottom:30px; overflow:hidden; }
#helpbuildquick .moreinfo li{ margin-bottom:20px; }
#helpbuildquick .verification input{ margin-bottom:20px; }
#helpbuildquick .left{ float:left; width:292px; margin-right:35px; }
#helpbuildquick .right{ float:left; width:270px; padding-top:35px; }
#helpbuildquick .btn{ width:180px; height:29px; margin-right:5px; border:0; cursor:pointer; background:url(../images/button-addthisitem.png) no-repeat; }
#helpbuildquick .sidebox{ color:#555; }
#helpbuildquick .sidebox h3{ font:bold 15px Arial,Helvetica,sans-serif; color:#000; margin-bottom:10px; }
#helpbuildquick .sidebox .factsneeded{ padding:12px 0 0 35px; background:url(../images/ico-factsneeded.png) no-repeat left; }
#helpbuildquick .sidebox .parttime{ padding:12px 0 0 35px; background:url(../images/ico-parttime.png) no-repeat left; }
#helpbuildquick .sidebox .blog{ padding:12px 0 0 35px; background:url(../images/ico-blog.png) no-repeat left; }
/* Qna */
#qna .mainbox{ width:620px; padding:40px 10px 0; }
#qna h2{ width:360px; height:22px; margin-bottom:20px; text-indent:-9999px; background:url(../images/tit-qna.png) no-repeat; }
#qna h3{ font:bold 15px Arial,Helvetica,sans-serif; color:#5b903c; padding-bottom:18px; margin-bottom:18px; border-bottom:1px dotted #bebebe; }
#qna p{ margin-bottom:20px; line-height:20px; }
#qna ul{ margin-bottom:30px; list-style:disc; line-height:15px; }
#qna li{ margin:0 0 8px 35px; }
#qna strong{ font:bold 15px Arial,Helvetica,sans-serif; color:#5b903c; }
#qna .box{ margin-bottom:50px; }
#qna .sample{ width:620px; overflow:hidden; }
#qna .sample img{ float:left; margin-right:20px; }
#qna .sample ul{ float:left; padding-top:30px; list-style-type:none; }
#qna .sample li{ margin:0 0 20px; }
#qna .sample .under,
#qna .sample .obese{ padding-left:25px; background:url(../images/ico-pink.png) no-repeat left; }
#qna .sample .ideal{ padding-left:25px; background:url(../images/ico-green.png) no-repeat left; }
#qna .sample .over{ padding-left:25px; background:url(../images/ico-yellow.png) no-repeat left; }
#qna .sidebox h3{ width:88px; height:10px; padding:0; margin:0 0 20px; text-indent:-9999px; border-bottom:0; background:url(../images/tit-questions.png) no-repeat; }
#qna .sidebox ul,
#termsofuse .sidebox ul{ margin-bottom:50px; }
#qna .sidebox li,
#termsofuse .sidebox li{ margin:0 0 5px; padding-bottom:8px; list-style-type:none; border-bottom:1px dotted #bebebe; }
#qna .sidebox .livechat a,
#termsofuse .sidebox .livechat a,
#privacy .sidebox .livechat a{ display:block; width:270px; height:41px; margin-bottom:25px; text-indent:-9999px; background:url(../images/button-livechat.png) no-repeat; }
#termsofuse .mainbox,
#privacy .mainbox{ width:620px; color:#555; padding:40px 10px 0; }
#termsofuse h2,
#privacy h2{ width:286px; height:22px; margin-bottom:20px; text-indent:-9999px; background:url(../images/tit-quickkacalories.png) no-repeat; }
#termsofuse h3,
#privacy h3{ font:bold 15px Arial,Helvetica,sans-serif; color:#5b903c; padding-bottom:18px; margin:40px 0 18px; border-bottom:1px dotted #bebebe; }
#termsofuse h4{ color:#000; margin-bottom:5px; }
#privacy h4{ color:#000; margin-bottom:5px; }
#termsofuse p,
#privacy p{ margin-bottom:20px; }
#termsofuse .top{ display:block; margin-bottom:20px; }
#termsofuse .sidebox h3{ width:95px; height:10px; padding:0; margin:0 0 20px; text-indent:-9999px; border-bottom:0; background:url(../images/tit-categories.png) no-repeat; }
/* Subfooter */
#subfooter{ clear:both; font-size:12px; border-top:1px solid #e2e2dc; background:#f7f7f7; }
/* Subfooter-content */
#subfooter-content{ width:940px; margin:0 auto; padding:60px 0; overflow:hidden; }
#subfooter-content .box{ float:left; width:285px; margin-left:42px; }
#subfooter-content .firstbox{ margin-left:0; background:none; }
#subfooter-content h2{ margin-bottom:12px; }
#subfooter-content p{ margin-bottom:20px; line-height:18px; }
#subfooter-content .buy{ clear:both; display:block; width:278px; height:42px; margin-top:50px; text-indent:-9999px; background:url(../images/button-buyquickkacal.png) no-repeat; }
#subfooter-content #getthis .top{ width:285px; overflow:hidden; }
#subfooter-content #getthis img{ float:left; margin-right:15px; }
#subfooter-content #getthis .text{ float:left; width:170px; }
#subfooter-content #notice{ width:610px; margin-left:0; }
#subfooter-content #notice h2{ width:101px; height:16px; text-indent:-9999px; background:url(../images/tit-notice.png) no-repeat; }
#subfooter-content #getthis .notice{ float:left; color:#466335; margin-top:20px; }
#subfooter-content #getthis .notice h2{ width:101px; height:16px; text-indent:-9999px; background:url(../images/tit-notice2.png) no-repeat; }
/* Footer */
#footer{ clear:both; background:url(../images/bgr-footer.jpg) repeat-x; }
.footer-logo { text-align:center; margin-bottom:20px; }
/* Footer-content */
#footer-content{ width:960px; font-size:12px; color:#3c3c3c; margin:0 auto; padding:65px 0 10px; background:url(../images/bgr-footer-cont.jpg) no-repeat top; }
#footer-content .top{ width:960px; margin-bottom:15px; overflow:hidden; }
#footer-content .bottom{ width:960px; padding-bottom:0; overflow:hidden; }
#footer-content h2{ margin-bottom:24px; }
#footer-content a,
#footer-content a:visited{ color:#515151; }
#footmobile h2{ width:53px; height:11px; text-indent:-9999px; background:url(../images/tit-footmobile.png) no-repeat; }
#foottools h2{ width:46px; height:11px; text-indent:-9999px; background:url(../images/tit-foottools.png) no-repeat; }
#footblog h2{ width:31px; height:15px; margin-bottom:19px; text-indent:-9999px; background:url(../images/tit-footblog.png) no-repeat; }
#footsupport h2{ width:65px; height:11px; text-indent:-9999px; background:url(../images/tit-footsupport.png) no-repeat; }
/* Footmobile */
#footmobile{ float:left; width:157px; margin-left:0; }
/* Foottools */
#foottools,
#footblog,
#footsupport{ float:left; width:145px; margin-left:30px; }
#footmobile li,
#foottools li,
#footblog li,
#footsupport li{ margin-bottom:7px; padding-bottom:7px; border-bottom:1px solid #232323; }
/* Followus */
#followus{ float:right; width:256px; padding-top:15px; }
#followus h2{ width:242px; height:62px; margin-bottom:32px; text-indent:-9999px; background:url(../images/bgr-followtwitter.png) no-repeat; }
#followus li{ float:left; margin-left:20px; }
#followus .first{ margin-left:0; }
#followus a{ display:block; width:26px; height:26px; text-indent:-9999px; }
#followus .stumble{ background:url(../images/ico-stumble.png) no-repeat; }
#followus .facebook{ background:url(../images/ico-facebook.png) no-repeat; }
#followus .del{ background:url(../images/ico-del.png) no-repeat; }
#followus .digg{ background:url(../images/ico-digg.png) no-repeat; }
#followus .linked{ background:url(../images/ico-linked.png) no-repeat; }
#followus .twitter{ background:url(../images/ico-twitter.png) no-repeat; }
/* Siteby */
#siteby{ float:left; }
/* Copyright */
#copyright{ float:right; }