﻿
h2 { color: #3C83B5; font-size: 19px; }

#adsCtr { height: 600px; border:1px dotted #CCCCCC; display:inline; float:left; font-weight:normal; margin-left:10px; padding-bottom:5px; text-align:center; width:160px; }

#innerCtr { width: 763px; }

#tdfemale table.amounts { background:transparent url(images/nutr_info_colour_bg_blue.gif) no-repeat scroll 0 0; }
#tdmale table.amounts { background:transparent url(images/nutr_info_colour_bg_grey.gif) no-repeat scroll 0 0; }

#cc .resultspane #ctlCalorieCounterSearch_lblDefaultText p, #cc .resultspane #ctlCalorieCounterBrowse_lblDefaultText p { font: 10px/15px Verdana, Arial, Helvetica, sans-serif; }

#cc .plus { background: url(../images/icon_up.gif) no-repeat; width: 13px; height: 8px; }
#cc  .minus { background: url../images/icon_down.gif) no-repeat; width: 13px; height: 8px; }

/* Styles for the numeric stepper */
#cc .numeric-stepper { width:40px; display:block; position:relative; overflow:hidden; border:1px solid #809DB9; }
#cc .numeric-stepper input { width:100%; height:100%; float:left; vertical-align:center; border:1px solid #fff; background:none; margin: 0; padding: 0; }
#cc .numeric-stepper button { width:13px; height:8px; padding:0; margin:0; z-index:100; text-align:center; position:absolute; right:0; border: none; }
#cc .numeric-stepper button.minus { bottom:0; }

/* fixing numeric stepper styling for IE (which is buggy with position: relative inside TDs) */
#cc  .numeric-stepper { position: relative; height: 16px; }
#cc  .numeric-stepper input { width: 25px; float: left; }
#cc  .numeric-stepper input.plus { width:13px; height:8px; padding:0; margin:0; z-index:100; text-align:center; position:absolute; right:0; border: none; background: url(http://www.tescodiets.com/myediets2/myDiet/images/icon_up.gif) no-repeat scroll 0 0; }
#cc  .numeric-stepper input.minus { width:13px; height:8px; padding:0; margin:0; z-index:100; text-align:center; position:absolute; right:0; border: none; background: url(http://www.tescodiets.com/myediets2/myDiet/images/icon_down.gif) no-repeat scroll 0 0; top: 8px; }

#serving table { width: 250px; }
#otherinfo table { width: 100%; }
fieldset { border: 0; }

#cc .resultspane #otherinfo td span { display: inline; }

.instructionCtr { padding: 5px; font: 11px/17px Verdana, Arial, Helvetica, sans-serif; margin: 13px 0 20px 0; }
#tdfemale .instructionCtr { background: #F5F9FB; border: 1px solid #D3E0EF; }
#tdmale .instructionCtr { background: #F2F2F2; border: 1px solid #E6E6E6; padding: 5px; }

#bannerContainer, #logoContainer, #pnlRightPaneMarketing { display: none; }

#choosemode { border-bottom: 2px #4d9fce solid; float: left; width: 757px; padding-left: 3px; margin-bottom: 7px; }
#choosemode li { float: left; width: 117px; height: 29px; text-align: center; margin-left: 2px; display: inline; }
#choosemode li a { display: block; padding-top: 7px; height: 22px; text-decoration: none; font-size: 11px; background: url(images/bgTabOff_f.gif) no-repeat; }
#choosemode li.active a, #choosemode li a:hover { color: #fff;  background: url(images/bgTabOn_f.gif) no-repeat; font-weight: bold; text-decoration: none; }

#tdmale #choosemode { border-bottom: 2px #8d8d8d solid; }
#tdmale #choosemode li a { background: url(images/bgTabOff_m.gif) no-repeat; }
#tdmale #choosemode li.active a, #tdmale #choosemode li a:hover { background: url(images/bgTabOn_m.gif) no-repeat; text-decoration: none; }

.modecontainer { clear: both; margin-bottom: 20px; }
.modecontainer .resultspane { float: right; width: 230px; }
.modecontainer .mainCont .resultspane { float: none; clear: left; width: 460px; }

.mainCont { width: 507px; background: #ebf5fd url(images/bgMainContTop_f.gif) no-repeat; clear: left; margin-bottom: 20px; }
.mainContInner { padding: 12px 12px 0 12px; }
.mainContBtm { background: url(images/bgMainContBtm_f.gif) bottom left no-repeat; height: 26px; }

#tdmale .mainCont { background: #f4f4f4 url(images/bgMainContTop_m.gif) no-repeat; }
#tdmale .mainContBtm { background: url(images/bgMainContBtm_m.gif) bottom left no-repeat; }

#cc .resultspane .ActiveItem { background: #ebf5fd url(images/iconActiveItem.gif) 3px 4px no-repeat; padding: 3px 2px 4px 19px; display: block; }
#tdmale .ActiveItem { background: #f4f4f4 url(images/iconActiveItem.gif) 3px 4px no-repeat; }

#gvSearchResults a { font-size: 0.9em; }

.resultspaneInner table table { margin-top: 15px; background: #f1f8fe; border-top: 1px solid #4d9fce; }
.resultspaneInner table table td { padding: 3px 0 2px 4px; }

#tdmale .resultspaneInner table table { background: #f4f4f4; border-top: 1px solid #8d8d8d; }


#ccounter { width: 650px; }

#Anthem_LinkButton2__ { width: 100px; }
#Anthem_LinkButton2__ a { color: #fff; font-weight: bold; text-decoration: none; text-align: center; }

#ccform #gvSearchResults { width: auto; }

.nutritionDetails #Anthem_pnlSearchResults__ { float: right; width: 240px; }
#Anthem_pnlFoodItemData__ .resultspane { width: 470px; }
.nutritionDetails #Anthem_pnlFoodItemData__ .resultspane #Anthem_ctlFoodItemGDA_pnlGDADetails__ { display: none; }
.nutritionDetails #Anthem_pnlFoodItemData__ .resultspaneInner { background: none; padding-bottom: 0; }
.nutritionDetails .resultspane, .nutritionDetails .resultspaneInner { background: none; }

.nutritionDetails #Anthem_ctlFoodItemGDA_pnlNutritionInfo__ { clear: left; padding-top: 10px; background: transparent url(images/bgDot.gif) repeat-x; }
.nutritionDetails #pnlSearchResults .resultspane { width: 220px; }

table.nv { background: transparent url(images/nutr_info_colour_nv_bg.gif) no-repeat; height:56px; float:none; margin-left:2px; }
table.nv td { text-align: center; font-family: Tahoma, Arial, Helvetica, sans-serif; width: 48px; padding-top: 8px; }

#tdmale table.nv { background: transparent url(images/nutr_info_colour_nv_bg_m.gif) no-repeat; }

#gvSearchResults table { margin-top: 20px; background: #f1f8fe; border-top: 1px solid #4d9fce; }
#gvSearchResults table td { padding: 1px 3px; }
#gvSearchResults table td a { text-decoration: none; }
#gvSearchResults table td span { font-weight: bold; }

table.nv span { font-weight: bold; }

#ctlFoodItemGDA_labelProductTitle { font-weight: bold; }

.ccinputs { padding-bottom: 10px; background: url(images/bgDot.gif) bottom repeat-x; margin-bottom: 10px; }
.ccinputs label { display: block;  font-size: 11px; }
.ccinputs .inputCont { width: 420px; float: left; margin-right: 10px; display: inline; }
.ccinputs .selectCont { width: 206px; float: left; margin-right: 10px; display: inline; }
.ccinputs input { border: 1px solid #7f9db9; height: 20px; width: 100%; }
#cc .gobtn { border: 0; width: auto; height: auto; float: right; padding: 18px 0 0 0; }
.ccinputs select, .ccinputs option { width: 100%; }

#itemHeading { width: 382px; padding-left: 20px; float: left; padding-top: 10px; margin-bottom: 20px; font-size: 12px; }
#cc h3 { color: #000; font: bold 14px Verdana, Arial, Helvetica, sans-serif; background: transparent url(images/iconActiveItemHeading.gif) 0 9px no-repeat; }
#cc #tdfemale  h3 strong span, #ctlFoodItemGDA_textBoxPortion { font-size: 11px; color: #3C83B5; font-style: italic;  }

#cc #tdfemale  h4 { color: #3C83B5; font-size: 11px; margin-bottom: 10px; }

h3, h4 { clear: none; }
h4 { font-size: 11px; }

#lblNoResult { font-size: 0.9em; }

.resultspane { background: url(images/bgDot.gif) repeat-x; 10px; }
#cc #ctlCalorieCounterBrowse_pnlSearchResults .resultspane, #cc #ctlCalorieCounterSearch_pnlSearchResults .resultspane  { background: none; padding-top: 15px; font-size: 11px; } 
#cc .resultspane a, #cc .resultspane span { line-height: 1.2; display: block; padding-bottom: 2px; font-size: 0.96em; }
#cc .resultspane table table span { font-weight: bold; font-size: 0.85em; }
#cc .resultspane table#gvSearchResults table a { padding-bottom: 0; }
#cc #tdfemale  .resultspane a { color: #3C83B5; }
#cc .resultspane table table a { text-decoration: none; font-size: 0.85em; }
.resultspaneInner {padding-bottom: 10px; }



#searchcontrols { width: 60px; float: right; }
#searchcontrols label { font-size: 10px; }
#searchcontrols .numeric-stepper input { background: #fff; }
#searchcontrols .sBtn { clear: both; display: block; }
#ssize { float: left; width: 119px; margin-right: 10px; display: inline; margin-bottom: 10px; }
#ssize select { width: 100%; position: relative; bottom: 1px; }
#squant { float: left; width: 60px; margin-bottom: 10px; }

#serving { width: 250px; height: 150px; float: left; margin-right: 15px; display: inline; padding-top: 10px; }
#serving .note { font: 9px Tahoma, Arial, Helvetica, sans-serif; text-align: center; margin: 0; padding: 0; }
#serving th { font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; height: 21px; }
#serving .percent td { height: 8px; }
#otherinfo { width: 190px; height: 150px; float: left; padding-top: 10px; }
.ccSubmitControls { width: 100%; text-align: right; padding-top: 10px; clear: both; background: url(images/bgDot.gif) repeat-x; }

#otherinfo td, #otherinfo th { background: url(images/bgDot.gif) repeat-x; padding: 1px 2px; }
#otherinfo table { background: url(images/bgDot.gif) bottom repeat-x;  }
#otherinfo th { width: 90px; text-align: left; }
#otherinfo td { font-weight: bold; }

.gvSearchResults #gvSearchResults { width: 300px; }

.numeric-stepper { height: 15px; }

#Anthem_ctlFoodItemGDA_ctlQuantitySelector_txtQuantity__ { float: left; width: 27px; font: 11px Verdana, Arial, Helvetica, sans-serif; }
#searchcontrols #Anthem_ctlFoodItemGDA_ctlQuantitySelector_txtQuantity__  input { font: 11px Verdana, Arial, Helvetica, sans-serif; }
#Anthem_ctlFoodItemGDA_ctlQuantitySelector_btnUpArrow__, #searchcontrols #Anthem_ctlFoodItemGDA_ctlQuantitySelector_btnUpArrow__ input,
#Anthem_ctlFoodItemGDA_ctlQuantitySelector_btnDownArrow__, #searchcontrols #Anthem_ctlFoodItemGDA_ctlQuantitySelector_btnDownArrow__ input 
{ background: url(/myediets2/myDiet/images/icon_up.gif) no-repeat; width: 13px; height: 8px; width:13px; height:8px; padding:0; margin:0; z-index:100; text-align:center; position:absolute; right:0; border: none; }
#Anthem_ctlFoodItemGDA_ctlQuantitySelector_btnDownArrow__, #searchcontrols #Anthem_ctlFoodItemGDA_ctlQuantitySelector_btnDownArrow__ input 
{ background: url(/myediets2/myDiet/images/icon_down.gif) no-repeat; bottom: 0; }

/*changes made by Eric on18/02/2009*/
div.mainContBtm{clear:both}
.resultspaneInner{background:none;}

.promoContainer{position:relative;float:left;width:545px; height:75px; margin:0; padding:55px 10px 30px 200px; font-size:1.2em; font-weight:bold;background:#fff url(images/promoBg.gif) no-repeat;}
.promoContainer a{position:absolute; top:86px;left:250px;width:410px; height:30px;padding:8px 0 0 0;color:#333 !important; font-size:.9em; text-align:center;font-weight:bold; background:transparent url(http://www.tescodiets.com//news/images/diettools/joinFitBtn.gif) no-repeat;}

.bottjump{border-bottom:1px solid #ccc;border-right:1px solid #ccc;margin-right:10px; background:#00CC33; float:right; }
.bottjump a{background:#EEF3F9; border:1px solid #85BEDC; padding:2px 20px;float:left; color:#666; font-weight:bold;}
