/***********************************************/ /* 3col_topNav.css */ /* Use with template ................ */ /***********************************************/ /***********************************************/ /* HTML tag styles */ /***********************************************/ body { color: #333333; padding: 0px; margin: 0px; font: 10px Tahoma, Verdana, Arial, Helvetica; } #mainwrapper { width:920px; margin-top:10px; padding:0px; text-align:left; margin-left: auto; margin-right: auto; } h3{ padding-left: 10px; } .searchtab h3 { font: normal 20px Tahoma, Verdana, Arial, Helvetica; padding: 2px; margin: 2px; } h2{ padding-left: 10px; } p { padding: 0px; margin:5px 0px 0px 0px; } a { color: #006633; text-decoration: none; } hr{ border-top: 1px dashed #fff; border-right: 1px none #999999; border-bottom: 1px dashed #999999; border-left: 1px none #999999; } input { font: 11px Arial, Helvetica, sans-serif; color: #016551; /* border: 1px solid #A3B2CC; */ } ol{ padding-top: 2px; margin-top: 2px; } li { padding-bottom: 5px; margin-bottom: 5px; float: none; } /***********************************************/ /* global nav*/ /***********************************************/ /*ul { margin: 0px; LIST-STYLE-TYPE: none;} ul li { float:left; margin: 0px;}*/ .floatleft{ float: left; } #globalNav ul { margin: 0px; LIST-STYLE-TYPE: none;} #globalNav li {float:left; margin: 0px;} #globalNav a img { border-width: 0; background: top left no-repeat;} a#n1 img {background-image:url(../images/aboutcooking.gif);} a#n2 img {background-image: url(../images/recipes.gif);} a#n3 img {background-image: url(../images/videorecipes.gif);} a#n4 img {background-image: url(../images/tools.gif);} a#n5 img {background-image: url(../images/yourcorner.gif);} a#n6 img {background-image: url(../images/hulproducts.gif);} a#n7 img {background-image: url(../images/cookingtips.gif);} a#n1:hover img {background-image: url(../images/aboutcooking_on.gif);} a#n2:hover img {background-image: url(../images/recipes_on.gif);} a#n3:hover img {background-image: url(../images/videorecipes_on.gif);} a#n4:hover img {background-image: url(../images/tools_on.gif);} a#n5:hover img {background-image: url(../images/yourcorner_on.gif);} a#n6:hover img {background-image: url(../images/hulproducts_on.gif);} a#n7:hover img {background-image: url(../images/cookingtips_on.gif);} /***********************************************/ /* Layout Divs */ /***********************************************/ #subwrapper { width:778px; margin-top:10px; padding:0px; text-align:left; float:left; } #mainleft1 { width:300px; float:left; margin-left:0px; background:#fff; padding-bottom:10px; } #recipetext { width: 280px; height: 60px; position:absolute; margin-top: 190px; padding-right: 10px; padding-left: 10px; margin-bottom: 10px; color: #fff; /* background-color: #ffffff; the background */ /* filter: alpha(opacity=50); Internet Explorer */ /* moz-opacity:0.5; /* Mozilla 1.6 and below */ /* opacity: 0.5; /* newer Mozilla and CSS-3 */ font-size: 11px; } div #recipetext h2{ font-size: 24px; margin: 0px; padding-top: 8px; padding-left: 0px; } div span.title{ width:200px; font-size: 24px; margin: 0px; color: #FFF; float: left; } div h2 span.cookingtime{ /*width:100px;*/ font-size: 11px; margin: 5px; color: #000000; float: right; text-align: right; } #masthead{ padding: 0px; border-bottom: 1px solid #cccccc; width: 100%; } #navBar{ float: right; width: 20%; margin: 0px; padding: 0px; background-color: #eeeeee; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } #leftwrapper { width:558px; float:left; padding:0px; text-align:left; } div #recipeoftheday { width: 300px; height: 290px; background: url(../images/banner-05.gif) no-repeat left bottom; } #recipeimage { width: 300px; height: 250px; float:left; padding: 0px; margin-bottom: 10px; } div #recipedetail { width: 240px; float:left; padding: 8px; /* max-height: 221px; */ height: 221px; } div #niftydetails{ width: 256px; background: #666; margin: 0px; float:left; font-size: 11px; } #recipepageintro { width: 250px; float:left; margin-top: 10px; font-size: 11px; font-weight: normal; color: #18692E; } #recipeheaderpage h1{ font: normal 2em Arial, Helvetica, sans-serif; color: #99CC00; margin: 0px; padding: 0px; } #recipealphapage { float:left; margin-left:0px; background:#fff; padding-bottom:10px; padding-right: 10px; color: #99CC00; font: bold 11px Arial, Helvetica, sans-serif; height: 80px; } #recipealphapage div{ font: normal 6em Arial, Helvetica, sans-serif; color: #99CC00; margin: 0px; padding: 0px; } #recipealphapage h4 { font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #99CC00; margin: 0px; padding-top: 48px; padding-right: 10px; } #recipepageindex { font: bold 11px Arial, Helvetica, sans-serif; color: #99CC00; height: 40px; padding-top: 48px; /* margin-left: 10px; */ float: left; } #recipepageindex a{ font: bold 11px Arial, Helvetica, sans-serif; color: #18692E; border-bottom:1px dashed #6FA88C; text-decoration: none; padding-right: 4px; padding-left: 4px; margin-right: 4px; } #recipebackpage { font: bold 11px Arial, Helvetica, sans-serif; color: #99CC00; height: 40px; padding-top: 48px; margin-right: 10px; float: right; } #recipebackpage a{ font: bold 11px Arial, Helvetica, sans-serif; color: #18692E; border-bottom:1px dashed #6FA88C; text-decoration: none; } #addrecipedia { font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #999; text-decoration: none; } #addrecipedia a{ color: #666; text-decoration: none; } div #recipeblurbs{ margin: 0px; } #mainleft2 { width:240px; float:left; margin-left:18px; background:#fff; padding-bottom:10px; } #lookforrecipe { width:224px; background:#FDDE68; margin: 0px; padding: 0px 8px; font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #5E4036; text-align: justify; height: 171px; } #lookforrecipe h2 { font: bold 24px/24px Arial, Helvetica, sans-serif; color: #CE383A; text-align: left; margin: 0px; } #lookforrecipe h3 { font: bold 16px Tahoma, Arial, Helvetica, sans-serif; color: #5E4036; margin: 0px; text-align: left; } #lookforrecipe p { margin-top: 4px; } #oldtop5 { WIDTH:778px; HEIGHT: 125px } #top5 { WIDTH:600px; HEIGHT: 125px; vertical-align:bottom; } #top5 H2 { FLOAT: left; MARGIN: 20px 9px 16px 0px } #top5 SELECT { border: #7f9db9 1px solid; padding: 1px; margin-top: 19px; float: left; width: 160px; font-size: 11px; } #top5 INPUT { FLOAT: left; MARGIN: 19px 0px 0px 11px } #top5 UL { LINE-HEIGHT: 120%; LIST-STYLE-TYPE: none; margin: 0px; padding: 0px; } #top5 LI { FLOAT: left; WIDTH: 88px; MARGIN-RIGHT: 30px; POSITION: relative; } /*#top5 LI IMG { MARGIN-BOTTOM: 3px }*/ .top5{ height:75px; width: 85px; padding-bottom: 3px; } .top5 div{ background: url(../images/curvetranstop85x7.gif) no-repeat left top; } .top5 div div{ background: url(../images/curvetransbottom85x7.gif) no-repeat left bottom; } #top5 LI P { FONT-WEIGHT: bold; FONT-SIZE: 11px; text-align: left; margin: 0px; padding: 0px; } #top5 LI P A { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #016551; BORDER-BOTTOM: 1px dotted #016551; TEXT-DECORATION: none; text-align: left; } #top5 LI P A:hover { BORDER-BOTTOM: 1px solid #016551 } #top5 LI P A:unknown { BORDER-BOTTOM: #5a564e 1px solid } #top5 LI P A:active { BORDER-BOTTOM: 1px solid #016551 } #top5centre { MIN-HEIGHT: 234px; FLOAT: none; MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 778px; padding: 0px; } #mainleft3{ width:558px; float:left; margin:0px; background:#fff; padding-bottom:10px; } #mainright { width:201px; margin-left:14px; margin-bottom:10px; padding-bottom:0px; font-size: 11px; line-height: 125%; float: left; } #login{ background:#D5F8B0; color: #016551; display:block; height:auto; /*margin-bottom: 10px; line-height: 16px; height:124px; line-height: 16px; display:block; height: 124px;*/ } #login a { /*margin-bottom: 10px;*/ font-weight: bold; } #mainright a { font-size: 11px; color: #016551; border-bottom: 1px dotted #65AE69; text-decoration: none; } #advsearch select { width: 180px; margin-top:4px; font: 11px Arial, Helvetica, sans-serif; color: #016551; border: 1px solid #A3B2CC; } #footer { background:#fff; width:770px; float:left; font-size: 11px; color: #00993F; padding: 4px; margin:0px; } #footer a { color: #00993F; text-decoration:none; padding-right: 2px; padding-left: 2px; } #footer a:hover { text-decoration:underline; } #headlines{ float:left; width: 20%; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding-right: 10px; } #content{ float: left; width: 55%; } .content{ FLOAT: none; LIST-STYLE-TYPE: none; font-size: 11px; color: #1D5647; } .content .homeFeature UL LI { BACKGROUND: url(../images/arrow.gif) no-repeat 0px 4px; MARGIN-BOTTOM: 6px; padding: 0px 0px 0px 10px; float: none; border-bottom: 1px dashed #999999; } div.float { float: left; width:94px; padding-right:24px; text-align:left; LINE-HEIGHT: 100%; padding-left: 0px; margin-left: 0px; } div.row { padding-top: 0px; text-align: right; } div.row span.label { float: left; width: 100px; text-align: right; } div.row span.formw { float: right; width: 335px; text-align: left; } div.row span.left { float: left; text-align: left; font-weight: bold; color: #fff; width: 49%; margin-left: 10px; margin-top: 4px; margin-bottom: 4px; } div.row span.right { float: right; text-align: right; font-weight: bold; color: #fff; width: 40%; margin-right: 10px; margin-top: 4px; margin-bottom: 4px; } #recipelist{ WIDTH: 558px; PADDING-TOP: 3px; list-style: none; margin-bottom: 0px; padding-bottom: 0px; } #contestrecipelist{ PADDING-TOP: 3px; list-style: none; margin-bottom: 0px; padding-bottom: 0px; } div #recipelist span.left { float: left; text-align: left; font-weight: bold; color: #006633; width: 400px; margin-left: 10px; margin-top: 4px; margin-bottom: 0px; padding-bottom: 2px; } span.left a{ color: #18692E; border-bottom:1px dotted #6FA88C; text-decoration: none; } div #recipelist span.right { float: right; text-align: right; font-weight: bold; color: #006633; width: 80px; margin-right: 10px; margin-top: 4px; margin-bottom: 0px; padding-bottom: 0px; } div #recipeby { width: 490px; padding-left: 20px; padding-bottom: 10px; margin-bottom: 0px; margin-top: 0px; padding-top: 0px; } div.float p { color: #016551; margin: 0px; padding: 0px; text-align: left; margin: 0px; } div.float p a { color: #016551; border-bottom: 1px dotted #016551; text-decoration: none; line-height:16px; font-size: 11px; font-weight: normal; padding: 0px; text-align: left; margin: 0px; } div.float p a:hover { BORDER-BOTTOM: 1px solid #016551; padding: 0px; margin: 0px; } div.float p a:unknown { BORDER-BOTTOM: #5a564e 1px solid; padding: 0px; margin: 0px; } div.float p a:active { BORDER-BOTTOM: 1px solid #016551; padding: 0px; margin: 0px; } div.spacer { clear: both; margin-top: 0px; font-size: 2px; } #siteName{ margin: 0; padding: 0 0 0 10px; } #logo{ padding: 0px 2px; float: left; } #tip1{ margin: 0px 0px 15px; color: #5E4036; background: #EDE38A; height: auto; padding: 0px; } .tip_bg{ background:#EDE38A; } #tip1 p{ font: 11px Tahoma, Arial, Helvetica, sans-serif; padding-left: 10px; margin: 0px; } #tip2{ margin: 0px 0px 15px; color: #5E4036; background: #FFCC9A; height: auto; padding: 0px; } #tip2 h4{ font: bold 12px Tahoma, Arial, Helvetica, sans-serif; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; margin: 0px; } #tip2 p{ font: 11px Tahoma, Arial, Helvetica, sans-serif; padding-left: 10px; margin: 0px; } #tip2 a{ color: #5E4036; font-weight: bold; text-decoration: none; border-width: 0px; border-style: none; } /*************** #pageName styles **************/ #pageName{ margin: 0px; padding: 0px 0px 0px 10px; } .features { float: left; list-style-type: none; clear: left; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #99CC00; background: url(../images/featureBg.gif); padding-top: 15px; /* border-top: 1px dashed #7EA800; */ } .features DIV { clear: left; float: left; margin-bottom: 4px; padding-bottom: 2px; } .searchtab { clear: left; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #439236; padding-top: 15px; } .searchtab DIV { clear: left; margin-bottom: 4px; padding-bottom: 2px; } .features DIV H2 { MARGIN-LEFT: 10px; font: bold normal 12px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 2px; margin-top: 4px; } .features .homeFeature { WIDTH: 558px; PADDING-TOP: 3px /* padding for topbg to be visible */ } .searchtab .homeFeature { WIDTH: 558px; PADDING-TOP: 3px; /* padding for topbg to be visible */ } .features .homeFeature DIV { WIDTH: 558px; COLOR: #fff } .searchtab .homeFeature DIV { WIDTH: 558px; } .features .homeFeature a { FONT-WEIGHT: bold; TEXT-DECORATION: none; } .features .recipes { BACKGROUND: #fff url(../images/recipes_BgTop.gif) no-repeat left top; } .features .recipes div { BACKGROUND: #18692e url(../images/recipe_featureBgBtm.gif) no-repeat left bottom } .features .recipes a { COLOR: #18692e; } .searchtab .search { BACKGROUND: #fff url(../images/search_BgTop.gif) no-repeat left top; } .searchtab .search div { BACKGROUND: #D5F8B0 url(../images/search_featureBgBtm.gif) no-repeat left bottom } .searchtab .search a { COLOR: #18692e; } div .searchpageindex { text-align: right; padding-top: 4px; padding-bottom: 1px; height: 22px; width: 500px; } .searchpageindex a { /* confirm or check this code */ font: bold 11px Arial, Helvetica, sans-serif; margin-right: 8px; text-align: right; text-decoration: underline; } div #searchsorting { font: 12px Tahoma, Verdana, Arial, Helvetica; color: #036450; width:518px; padding:20px; } .imgLeft { FLOAT: left; MARGIN-RIGHT: 5px } .imgRight { FLOAT: right; MARGIN-LEFT: 5px } div #nifty{ background: #666; margin: 15; min-height: 270px; } #niftydetails h1, h2, p{ margin: 0px 10px; } #niftydetails h1{ font-size: 24px; color: #FFF; font-weight: 400; } #niftydetails h2{font-size: 150%;color: #f0f0f0} b.rtop, b.rbottom{display:block; background: #FFF} b.rtop b, b.rbottom b{display:block; height: 1px; overflow: hidden; background: #666} b.r1{margin: 0 5px} b.r2{margin: 0 3px} b.r3{margin: 0 2px} b.rtop b.r4, b.rbottom b.r4{margin: 0 1px; height: 2px} .label { font: normal 11px Arial, Helvetica, sans-serif; color: #B7B7B7; } .value { font: bold 11px Arial, Helvetica, sans-serif; color: #FFFFFF; } .cook { font: bold 11px Arial, Helvetica, sans-serif; color: #B4E87D; } #ingredients { font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #666666; width: 170px; margin: 10px 0px; float: left; } #method { font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #006633; float: left; padding-left: 0px; width: 380px; margin: 10px 0px; border-left: 1px dashed #666666; } /************* #breadCrumb styles *************/ #breadCrumb{ font-size: 80%; padding: 2px 0px 0 10px; } /************** .feature styles ***************/ /************** .story styles *****************/ /************* #siteInfo styles ***************/ /************* #search styles ***************/ #search{ background:#B4E87D; color: #016551; margin-bottom: 12px; } #searchresult{ color: #036654; font: 12px Tahoma, Verdana, Arial, Helvetica; } #searchresult th { color: #666666; font: bold 11px Tahoma, Verdana, Arial, Helvetica; padding: 6px; border-right: 1px dotted #E1E1E1; border-top: 1px dotted #E1E1E1; border-bottom: 1px dotted #E1E1E1; } #searchresult td.th { color: #666666; font: bold 11px Tahoma, Verdana, Arial, Helvetica; padding: 6px; text-align: center; border-right: 1px dotted #E1E1E1; border-top: 1px dotted #E1E1E1; border-bottom: 1px dotted #E1E1E1; } #searchresult td.recipename{ color: #036654; font: bold 14px Tahoma, Verdana, Arial, Helvetica; padding: 21px 8px; border-bottom: 1px dotted #E1E1E1; border-right: 1px dotted #E1E1E1; } #searchresult td.time{ color: #036654; font: bold 11px Tahoma, Verdana, Arial, Helvetica; text-align: center; width: 70px; border-bottom: 1px dotted #E1E1E1; border-right: 1px dotted #E1E1E1; } #searchresult td.level{ color: #036654; font: bold 11px Tahoma, Verdana, Arial, Helvetica; text-align: center; width: 70px; text-transform: uppercase; border-bottom: 1px dotted #E1E1E1; border-right: 1px dotted #E1E1E1; } #searchresult td.type{ color: #036654; font: bold 11px Tahoma, Verdana, Arial, Helvetica; text-align: center; width: 70px; border-bottom: 1px dotted #E1E1E1; } /*********** #navBar link styles ***********/ /*********** #sectionLinks styles ***********/ /*********** .relatedLinks styles ***********/ /************** #advert styles **************/ #advert{ margin-bottom: 15px; } #advert img{ display: block; } /************** #headlines styles **************/ #headlines{ margin: 0px; padding: 0px; font-size: 80%; } #headlines p{ padding: 5px 0px 5px 0px; } #side_ad { float: left; width: 120px; margin-left: 10px; margin-top: 90px; } /************* #whats in your fridge ****************/ div #newbg{ background-color:#FF0000; } div #inurfridge { height: 400px; background: url(../images/whatsinurfridge.jpg) no-repeat left bottom; } #inurfridge div{ background: url(../images/curvetranstop558x7.gif) no-repeat left top; } #inurfridge div div{ background: url(../images/curvetransbottom558x7.gif) no-repeat left bottom; } div #inurfridgerepeat { width: 558px; height: 360px; background: url(../images/whatsinurfridge.jpg) no-repeat left bottom; } div #inurfridgerepeat div{ background: url(../images/curvetranstop558x7.gif) no-repeat left top; } div #inurfridgerepeat div div{ background: url(../images/curvetransbottom558x7.gif) no-repeat left bottom; } #inurfridgetext { width: 354px; margin-top: 10px; margin-bottom: 0px; color: #FFFFFF; font-size: 11px; font-weight: bold; padding: 0px 180px 10px 24px; position: absolute; list-style: none; } div #inurfridgetext h2{ margin: 0px; padding-top: 12px; padding-left: 0px; font: normal 30px Arial, Helvetica, sans-serif; } div #inurfridgetext h3{ margin: 0px; padding-top: 12px; padding-left: 0px; font: normal 20px Arial, Helvetica, sans-serif; } #inurfridgetext ul{ margin: 0px; padding: 8px; } #inurfridgetext li{ width: 80px; float: left; list-style: none; margin: 1px; padding: 1px; } #inurfridgetext .ques{ color: #000066; font-size: 12px; background: url(none); } #inurfridgetext .note{ color: #9CDAFE; } .searchinurfridge { padding-top: 3px; margin-top: 16px; background: #010066 url(../images/curvetranstop558x7.gif) no-repeat left top; } .searchinurfridgeresult { padding-top: 3px; margin-top: 16px; font: 11px Tahoma, Verdana, Arial, Helvetica; color: #0066CC; margin-bottom: 8px; padding-bottom: 3px; } .searchinurfridge div { height: 16px; padding: 4px 20px; font: bold 11px Tahoma, Verdana, Arial, Helvetica; color: #FFFFFF; background: url(../images/curvetransbottom558x7.gif) no-repeat left bottom; } /************* #contest ****************/ div #contest { height: 400px; background: url(../images/contest.jpg) no-repeat left bottom; } #contest div{ background: url(../images/curvetranstop560x7.gif) no-repeat left top; } /*#contest div div{ background: url(../images/curvetransbottom560x7.gif) no-repeat left bottom; }*/ .contestform { background: #FAF8BD url(../images/curvetransbottom558x7.gif) no-repeat left bottom; font: 12px Tahoma, Verdana, Arial, Helvetica; color: #6E5333; padding: 24px; } .contestform h2{ font: bold 24px Arial, Helvetica, sans-serif; color: #C6864E; } .contestform a{ font: 11px; color: #006633; } .contestform a:hover{ font: 11px; color: #006633; } .contestform input, textarea, select, option{ border: 1px solid #996600; margin: 1px; padding: 0px; font-size: 11px; } /************* #banners ads ****************/ #top_ad { color: #fff; } #side_ad { color: #fff; } #mid_ad { color: #fff; } /************* #num bullets ****************/ .blue { font: bold 12px Tahoma, Verdana, Arial, Helvetica; color: #FFFFFF; background: url(../images/label0.gif) no-repeat left top; margin: 0px; padding: 2px 0px 0px; } .brown { font: bold 12px Tahoma, Verdana, Arial, Helvetica; color: #FFFFFF; background: url(../images/label10.gif) no-repeat left top; margin: 0px; padding: 2px 0px 0px; } /***************** # Tools *********************/ div #tools { height: 122px; background: url(../images/tools_banner.jpg) no-repeat left bottom; } #tools div{ background: url(../images/curvetranstop558x7.gif) no-repeat left top; } #tools div div{ background: url(../images/curvetransbottom558x7.gif) no-repeat left bottom; } #toolstitle { width: 354px; margin-top: 10px; margin-bottom: 0px; color: #FFFFFF; font: normal 36px Arial, Helvetica, sans-serif; padding: 56px 180px 10px 22px; position: absolute; list-style: none; height: 87px; } #toolstitle h3{ font: 24px; } /************** #cooking tips ***************************/ div #cookingtips { height: 122px; background: url(../images/cooking_tips_banner.jpg) no-repeat left bottom; } #cookingtips div{ background: url(../images/curvetranstop558x7.gif) no-repeat left top; } #cookingtips div div{ background: url(../images/curvetransbottom558x7.gif) no-repeat left bottom; } div #healthytipsbanner { height: 122px; background: url(../images/healthy_tips_banner.jpg) no-repeat left bottom; } #healthytipsbanner div{ background: url(../images/curvetranstop558x7.gif) no-repeat left top; } #healthytipsbanner div div{ background: url(../images/curvetransbottom558x7.gif) no-repeat left bottom; } #cookingtipstitle{ width: 354px; margin-top: 10px; margin-bottom: 0px; color: #FFFFFF; font: normal 36px Arial, Helvetica, sans-serif; padding: 56px 180px 10px 22px; position: absolute; list-style: none; height: 87px; } #cookingtipstitle h3{ font: 24px; } /*_________________________________healthycookingtips_____________________*/ #healthycookingtips { width: 320px; margin-top: 5px; margin-bottom: 0px; color: #8EB101; font: normal 11px Arial, Helvetica, sans-serif; padding: 5px 214px 10px 15px; position: absolute; list-style: none; height: 100px; } #healthycookingtips h1 { color: #8EB101; font: 28px Arial, Helvetica, sans-serif; margin:0px; padding:0px; } #healthycookingtips p { color: #8EB101; font: normal 11px Arial, Helvetica, sans-serif; margin:5px 0px 0px 0px; padding:0px; } /*__________________________tastier________________________________*/ #tastiercookingtips { width: 320px; margin-top: 5px; margin-bottom: 0px; color: #009966; font: normal 11px Arial, Helvetica, sans-serif; padding: 5px 214px 10px 15px; position: absolute; list-style: none; height: 100px; } #tastiercookingtips h1 { color: #009966; font: 28px Arial, Helvetica, sans-serif; margin:0px; padding:0px; } #tastiercookingtips p { color: #009966; font: normal 11px Arial, Helvetica, sans-serif; margin:5px 0px 0px 0px; padding:0px; } /*______________________________________timesavingtips________________________*/ #timesavingtips { width: 320px; margin-top: 5px; margin-bottom: 0px; color: ##03A7A6; font: normal 11px Arial, Helvetica, sans-serif; padding: 5px 214px 10px 15px; position: absolute; list-style: none; height: 100px; } #timesavingtips h1 { color: #03A7A6; font: 28px Arial, Helvetica, sans-serif; margin:0px; padding:0px; } #timesavingtips p { color: #03A7A6; font: normal 11px Arial, Helvetica, sans-serif; margin:5px 0px 0px 0px; padding:0px; } /*________________________________________*/ .tips { FLOAT: none; LIST-STYLE-TYPE: none; font-size: 11px; } .tips DIV { CLEAR: left; FLOAT: left; margin: 0px; padding: 0px; } ul.tips{ margin:0px; padding:0px; } .tips DIV H2 { font: bold 11px Tahoma, Verdana, Arial, Helvetica; margin: 7px; } .tips UL { MARGIN-TOP: 8px; LIST-STYLE-TYPE: none } .tips LI.homeFeature { FLOAT: left; MARGIN-BOTTOM: 5px } .tips .homeFeature { WIDTH: 440px; PADDING-TOP: 3px } /*__________________________changes_start_________________________*/ li.healthytips { WIDTH: 558px; height:40px; PADDING-TOP: 3px; color: #777; } li.healthytips img{ margin: 0px; padding: 0px 30px 0px 0px; } .tip_no1{ background-image: url(../images/tip_no1_new.gif); background-repeat:no-repeat; background-position:top; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; line-height:35px; font-size:15px; text-align:center; display:block; height:35px; width:36px; } .tip_no11{ background-image: url(../images/tip_no11_new.gif); background-repeat:no-repeat; background-position:top; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; line-height:35px; font-size:15px; text-align:center; display:block; height:35px; width:36px; } .tip_no21{ background-image: url(../images/tip_no21_new.gif); background-repeat:no-repeat; background-position:top; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; line-height:35px; font-size:15px; text-align:center; display:block; height:35px; width:36px; } .tip_no31{ background-image: url(../images/tip_no31_new.gif); background-repeat:no-repeat; background-position:top; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; line-height:35px; font-size:15px; text-align:center; display:block; height:35px; width:36px; } li.managingtips { WIDTH: 558px; height:40px; PADDING-TOP: 3px; color: #777; } li.managingtips img{ margin: 0px; padding: 0px 10px 0px 0px; } /****************** Managing Leftover Tips ***********************/ #managingleftovertips { width: 280px; margin-top: 5px; margin-bottom: 0px; color: #51AC28; font: normal 11px Arial, Helvetica, sans-serif; padding: 5px 254px 10px 15px; position: absolute; list-style: none; height: 100px; } #managingleftovertips h1 { color: #51AC28; font: 28px Arial, Helvetica, sans-serif; margin:0px; padding:0px; } #managingleftovertips p { color: #51AC28; font: normal 11px Arial, Helvetica, sans-serif; margin:5px 0px 0px 0px; padding:0px; } /*________________________________chages end_______________________*/ .tips .homeFeature DIV { WIDTH: 440px; COLOR: #fff } .tips .homeFeature UL { WIDTH: 420px; margin-left:10px; padding-left:0px; } .tips .homeFeature UL LI { BACKGROUND: url(../images/arrow.gif) no-repeat 0px 4px; MARGIN-BOTTOM: 6px; padding: 0px 0px 0px 10px; float: none; border-bottom: 1px dashed #999999; } .tips .homeFeature UL LI.last { WIDTH: 50px; } .tips .homeFeature UL LI.solo { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px } .tips .homeFeature UL A { FONT-WEIGHT: bold; TEXT-DECORATION: none } .tips .homeFeature BLOCKQUOTE { FONT-WEIGHT: bold; FONT-SIZE: 130%; MARGIN: 0px 0px 10px; WIDTH: 200px } .tips .homeFeature BLOCKQUOTE IMG.open { MARGIN: 0px 5px 0px 0px } .tips .homeFeature BLOCKQUOTE IMG.close { MARGIN: 0px 0px 0px 5px } .tips .homeFeature BLOCKQUOTE.right { FLOAT: right } .tips .tastier div.outer { BACKGROUND: url(../images/curvetranstop442x7.gif) #009865 no-repeat left top } .tips .tastier DIV { BACKGROUND: url(../images/curvetransbottom442x7.gif) no-repeat left bottom } .tips .tastier UL A { COLOR: #009865; text-decoration: none; } .tips .tastier UL A:hover { BACKGROUND: #CCFFCC; text-decoration: none; } .tips LI.tastier BLOCKQUOTE { COLOR: #30958e } .tips .healthy div.outer { BACKGROUND: url(../images/curvetranstop442x7.gif) #74A20B no-repeat left top } .tips .healthy DIV { BACKGROUND: url(../images/curvetransbottom442x7.gif) no-repeat left bottom } .tips .healthy UL A { COLOR: #74A20B; text-decoration: none; } .tips .healthy UL A:hover { BACKGROUND: #E1FAA7; text-decoration: none; } .tips LI.healthy BLOCKQUOTE { COLOR: #74A20B } .tips .timesaver div.outer { BACKGROUND: url(../images/curvetranstop442x7.gif) #03A7A6 no-repeat left top } .tips .timesaver DIV { BACKGROUND: url(../images/curvetransbottom442x7.gif) no-repeat left bottom } .tips .timesaver UL A { COLOR: #03A7A6; text-decoration: none; } .tips .timesaver UL A:hover { BACKGROUND: #CCFFFF; text-decoration: none; } .tips LI.timesaver BLOCKQUOTE { COLOR: #03A7A6 } .tips .local { BACKGROUND: url(../images/local/findFood_bg.gif) #8ab034 no-repeat left top } .tips .local DIV { BACKGROUND: url(../images/local/findFood_btm.gif) no-repeat left bottom } .tips .local UL A { COLOR: #759336; BORDER-BOTTOM: #759336 1px dotted } .tips .local UL A:hover { BACKGROUND: #f1f4eb; BORDER-BOTTOM: #759336 1px solid } .tips LI.local BLOCKQUOTE { COLOR: #759336 } .tips .managing div.outer { BACKGROUND: url(../images/curvetranstop442x7.gif) #51AD28 no-repeat left top; margin-bottom: 5px; } .tips .managing DIV { BACKGROUND: url(../images/curvetransbottom442x7.gif) no-repeat left bottom } .tips .managing UL A { COLOR: #51AD28; text-decoration: none; } .tips .managing UL A:hover { BACKGROUND: #D4F7C3; text-decoration: none; } .tips LI.managing BLOCKQUOTE { COLOR: #51AD28 } .tips .shopping div.outer { BACKGROUND: url(../images/curvetranstop442x7.gif) no-repeat left top } .tips .shopping DIV { BACKGROUND: url(../images/curvetransbottom442x7.gif) #7b648e no-repeat left bottom } .tips .shopping UL A { COLOR: #7b648e; BORDER-BOTTOM: #7b648e 1px dotted } .tips .shopping UL A:hover { BACKGROUND: #fff; BORDER-BOTTOM: #7b648e 1px solid } .tips LI.shopping BLOCKQUOTE { COLOR: #7b648e } .tips .wine { BACKGROUND: url(../images/wine/wine_featureBgTop.gif) no-repeat left top } .tips .wine DIV { BACKGROUND: url(../images/wine/wine_featureBgBtm.gif) #8d002d no-repeat left bottom } .tips .wine UL A { COLOR: #8d002d; BORDER-BOTTOM: #8d002d 1px dotted } .tips .wine UL A:hover { BACKGROUND: #f3e5ea; BORDER-BOTTOM: #8d002d 1px solid } .tips LI.wine BLOCKQUOTE { COLOR: #8d002d } .tips .competitions { BACKGROUND: url(../images/competitions/competitions_featureBgTop.gif) no-repeat left top } .tips .competitions DIV { BACKGROUND: url(../images/competitions/competitions_featureBgBtm.gif) #c43926 no-repeat left bottom } .tips .competitions UL A { COLOR: #c43926; BORDER-BOTTOM: #c43926 1px dotted } .tips .competitions UL A:hover { BACKGROUND: #f3e5ea; BORDER-BOTTOM: #c43926 1px solid } .tips LI.competitions BLOCKQUOTE { COLOR: #c43926 } .imgLeft { FLOAT: left; MARGIN-RIGHT: 15px } .imgRight { FLOAT: right; MARGIN-LEFT: 15px } .tips LI.last { BORDER-BOTTOM: #d0cac6 1px solid } .thumbnail_managing { background: url(../images/managingleftovers.jpg) no-repeat left center; } .thumbnail_healthy { background: url(../images/healthycookingtricks.jpg) no-repeat left center; } .thumbnail_tastier { background: url(../images/tastiercookingtricks.jpg) no-repeat left center; } .thumbnail { display: inline; /* position: relative; left: 0px;*/ float: left; padding: 3px 15px 3px 0px; margin:0px } .thumbnail img { display: block; /* position: relative;*/ left: 0px; top: 0px; border: 1px none #000; } .tips .thumbnail div.outer { BACKGROUND: url(../images/curvetranstop100x7.gif) no-repeat left top } .tips .thumbnail div { BACKGROUND: url(../images/curvetransbottom100x7.gif) no-repeat left bottom; } .tips .thumbnail span{ width:100px height:100px } .clearBoth { CLEAR: both } div #thumbnail1 { background: url(../images/managingleftovers.jpg) no-repeat left top; } #thumbnail1 div{ background: url(../images/curvetranstop100x7.gif) no-repeat left top; } #thumbnail1 div div{ background: url(../images/curvetransbottom100x7.gif) no-repeat left bottom; } div #thumbnail2 { background: url(../images/healthycookingtricks.jpg) no-repeat left top; } #thumbnail2 div{ background: url(../images/curvetranstop100x7.gif) no-repeat left top; } #thumbnail2 div div{ background: url(../images/curvetransbottom100x7.gif) no-repeat left bottom; } div #thumbnail3 { background: url(../images/tastiercookingtricks.jpg) no-repeat left top; } #thumbnail3 div{ background: url(../images/curvetranstop100x7.gif) no-repeat left top; } #thumbnail3 div div{ background: url(../images/curvetransbottom100x7.gif) no-repeat left bottom; } /*#thumbnail4 {background: url(../images/timesavinghints.jpg) no-repeat left center;}*/ div #thumbnail4 { background: url(../images/timesavinghints.jpg) no-repeat left top; } #thumbnail4 div{ background: url(../images/curvetranstop100x7.gif) no-repeat left top; } #thumbnail4 div div{ background: url(../images/curvetransbottom100x7.gif) no-repeat left bottom; } div #thumbnail5 { background: url(../images/whatsinurfridge_th.jpg) no-repeat left top; } #thumbnail5 div{ background: url(../images/curvetranstop100x7.gif) no-repeat left top; } #thumbnail5 div div{ background: url(../images/curvetransbottom100x7.gif) no-repeat left bottom; } div #thumbnail6 { background: url(../images/weeklyplannertool_th.jpg) no-repeat left top; } #thumbnail6 div{ background: url(../images/curvetranstop100x7.gif) no-repeat left top; } #thumbnail6 div div{ background: url(../images/curvetransbottom100x7.gif) no-repeat left bottom; } div #thumbnail7 { background: url(../images/measurementtool_th.jpg) no-repeat left top; } #thumbnail7 div{ background: url(../images/curvetranstop100x7.gif) no-repeat left top; } #thumbnail7 div div{ background: url(../images/curvetransbottom100x7.gif) no-repeat left bottom; } div #thumbnail8 { background: url(../images/glossery_th.jpg) no-repeat left top; } #thumbnail8 div{ background: url(../images/curvetranstop100x7.gif) no-repeat left top; } #thumbnail8 div div{ background: url(../images/curvetransbottom100x7.gif) no-repeat left bottom; } /************** #glossary ***************************/ div #glossary { height: 122px; background: url(../images/glossary_banner.jpg) no-repeat left bottom; } #glossary div{ background: url(../images/curvetranstop558x7.gif) no-repeat left top; } #glossary div div{ background: url(../images/curvetransbottom558x7.gif) no-repeat left bottom; } #glossarytitle { width: 354px; margin-top: 10px; margin-bottom: 0px; color: #FFFFFF; font: normal 36px Arial, Helvetica, sans-serif; padding: 56px 180px 10px 22px; position: absolute; list-style: none; height: 87px; } #glossarytitle h3{ font: 24px; } .glossaryintro { font: 11px Tahoma, Verdana, Arial, Helvetica; color: #333; margin: 30px; padding: 30px; border: 1px dashed #333333; } .glossary td { padding-left:20px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #2893C7; background: #fff; } .glossary a { color: #2893C7; } p.glossary { color: #FF0000; font: 11px Tahoma, Verdana, Arial, Helvetica; } /**************/ /**************/ div #measuretool { height: 122px; background: url(../images/measuretool_banner.jpg) no-repeat left bottom; } #measuretool div{ background: url(../images/curvetranstop558x7.gif) no-repeat left top; } #measuretool div div{ background: url(../images/curvetransbottom558x7.gif) no-repeat left bottom; } #measuretooltitle { width: 354px; margin-top: 10px; margin-bottom: 0px; color: #FFFFFF; font: normal 28px Arial, Helvetica, sans-serif; padding: 56px 180px 10px 22px; position: absolute; list-style: none; height: 87px; } #measuretooltitle h3{ font: 24px; } .measures td { padding-left:10px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #2893C7; background: #fff; } .keys { color:#006895; } /***************** # Tools *********************/ div #tools { height: 122px; background: url(../images/tools_banner.jpg) no-repeat left bottom; } #tools div{ background: url(../images/curvetranstop558x7.gif) no-repeat left top; } #tools div div{ background: url(../images/curvetransbottom558x7.gif) no-repeat left bottom; } #toolstitle { width: 354px; margin-top: 10px; margin-bottom: 0px; color: #FFFFFF; font: normal 36px Arial, Helvetica, sans-serif; padding: 56px 180px 10px 22px; position: absolute; list-style: none; height: 87px; } #toolstitle h3{ font: 24px; } .tips .inurfridge div.outer { BACKGROUND: #010066 url(../images/curvetranstop442x7.gif) no-repeat left top; margin-bottom: 5px; } .tips .inurfridge DIV { BACKGROUND: url(../images/curvetransbottom442x7.gif) no-repeat left bottom } .tips .inurfridge UL A { COLOR: #010066; text-decoration: none; } .tips .inurfridge UL A:hover { BACKGROUND: #D4F7C3; text-decoration: none; } .tips LI.inurfridge BLOCKQUOTE { COLOR: #51AD28 } .tips .planner div.outer { BACKGROUND: #0570B4 url(../images/curvetranstop442x7.gif) no-repeat left top; margin-bottom: 5px; } .tips .planner DIV { BACKGROUND: url(../images/curvetransbottom442x7.gif) no-repeat left bottom } .tips .planner UL A { COLOR: #0570B4; text-decoration: none; } .tips .planner UL A:hover { BACKGROUND: #D4F7C3; text-decoration: none; } .tips LI.planner BLOCKQUOTE { COLOR: #51AD28 } .tips .measurements div.outer { BACKGROUND: url(../images/curvetranstop442x7.gif) #2B9BE5 no-repeat left top; margin-bottom: 5px; } .tips .measurements DIV { BACKGROUND: url(../images/curvetransbottom442x7.gif) no-repeat left bottom } .tips .measurements UL A { COLOR: #2B9BE5; text-decoration: none; } .tips .measurements UL A:hover { BACKGROUND: #D4F7C3; text-decoration: none; } .tips LI.measurements BLOCKQUOTE { COLOR: #51AD28 } .tips .glossary div.outer { BACKGROUND: url(../images/curvetranstop442x7.gif) #20BBEB no-repeat left top; margin-bottom: 5px; } .tips .glossary DIV { BACKGROUND: url(../images/curvetransbottom442x7.gif) no-repeat left bottom } .tips .glossary UL A { COLOR: #20BBEB; text-decoration: none; } .tips .glossary UL A:hover { BACKGROUND: #D4F7C3; text-decoration: none; } .tips LI.glossary BLOCKQUOTE { COLOR: #51AD28 } /************** #Your Corner ***************************/ div #yourcorner { height: 122px; background: url(../images/yourcorner_banner.jpg) no-repeat left bottom; } #yourcorner div{ background: url(../images/curvetranstop558x7.gif) no-repeat left top; } #yourcorner div div{ background: url(../images/curvetransbottom558x7.gif) no-repeat left bottom; } #yourcornertitle { width: 354px; margin-top: 10px; margin-bottom: 0px; color: #FFFFFF; font: normal 36px Arial, Helvetica, sans-serif; padding: 50px 15px 16px 187px; position: absolute; list-style: none; height: 87px; text-align: right; } #yourcornertitle h3{ font: 24px; } .yourcornerintro { font: 11px Tahoma, Verdana, Arial, Helvetica; color: #333; margin: 30px; padding: 30px; border: 1px dashed #333333; } .yourcorner td { padding-left:10px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #1D5647; background: #fff; border-bottom: 1px dashed #C5E7E8; } .yourcorner { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #1D5647; text-align: justify; /*background: #FFFFFF url(../images/curvetranstop558x7.gif) no-repeat left top; */ } .yourcorner td { /*background: #FFFFFF;*/ border-bottom: 1px dashed #C4E8E8; height:24px; padding: 10px 0px 10px 0px ; vertical-align:top; } .authorname { /*background: #FFFFFF;*/ font: bold 11px Tahoma, Verdana, Arial, Helvetica; } .yourcorner th { border-bottom: 1px none #ffffff; background: #C4E8E8; height:31px; vertical-align:middle; } .welcomeurcorner { font: 12px Tahoma, Verdana, Arial, Helvetica; color: #336666; padding: 10px 3px 6px 10px; background: #EDF5F7; } /*_________________________________*/ .ya{ font-family:Tahoma, Verdana, Arial; color:#2893C7; font-size:11px; text-decoration:none; } .ya:visited{ font-family:Tahoma, Verdana, Arial; color:#2893C7; font-size:11px; text-decoration:none; } .ya:active { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px; color: #2893C7; text-decoration:none; } .ya:hover{ font-family:Tahoma, Verdana, Arial; color:#2893C7; font-size:11px; text-decoration:none; } .ya_over{ font-family:Tahoma, Verdana, Arial; color:#2893C7; font-size:11px; font-weight:bold; text-decoration:none; } .ya_over:visited{ font-family:Tahoma, Verdana, Arial; color:#2893C7; font-size:11px; font-weight:bold; text-decoration:none; } .ya_over:active { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px; color: #2893C7; font-weight:bold; text-decoration:none; } .ya_over:hover{ font-family:Tahoma, Verdana, Arial; color:#2893C7; font-size:11px; font-weight:bold; text-decoration:none; } /**************************** #About Cookitup *********************************/ ul.aboutcontent{ margin:0px; padding:0px; } .aboutcontent p { margin:1px 1px 3px; padding:1px 1px 3px; } .aboutcontent{ FLOAT: none; LIST-STYLE-TYPE: none; font-size: 11px; color: #666666; font: 11px/16px Tahoma, Verdana, Arial, Helvetica; } .aboutcontent h2{ FLOAT: none; LIST-STYLE-TYPE: none; font-size: 20px; color: #16A675; margin: 1px; padding: 10px 0px 0px; font-weight: normal; border-top: 1px dashed #999; } .aboutcontent h3{ FLOAT: none; LIST-STYLE-TYPE: none; font-size: 12px; color: #16A675; margin: 0px 0px 3px; padding: 0px 0px 3px; font-weight: bold; } div #aboutcookitup { height: 122px; background: url(../images/aboutcookitup_banner.jpg) no-repeat left bottom; } #aboutcookitup div{ background: url(../images/curvetranstop558x7.gif) no-repeat left top; } #aboutcookitup div div{ background: url(../images/curvetransbottom558x7.gif) no-repeat left bottom; } #aboutcookituptitle{ width: 354px; margin-top: 10px; margin-bottom: 0px; color: #FFFFFF; font: normal 36px Arial, Helvetica, sans-serif; padding: 56px 180px 10px 22px; position: absolute; list-style: none; height: 87px; } #aboutcookituptitle h3{ font: 24px; } /* feature thumbs for about cookitup*/ div .featurethumb { height: 120px; width: 200px; } .aboutcontent UL { MARGIN-TOP: 8px; LIST-STYLE-TYPE: none } .aboutcontent LI.homeFeature { MARGIN-BOTTOM: 5px } .aboutcontent .homeFeature UL { WIDTH: 340px; margin-left:0px; padding-left:0px; float:right; margin-top: 10px; margin-bottom: 0px; padding-bottom: 0px; border-top: 1px dashed #999999; } .aboutcontent .homeFeature UL LI { BACKGROUND: url(../images/greenarrow.gif) no-repeat 0px 4px; MARGIN-top: 6px; padding: 0px 0px 0px 10px; float: none; font: bold 12px Tahoma, Verdana, Arial, Helvetica; } .aboutcontent a { color: #16A675; } #mainwrapper #subwrapper #contentwrapper #leftwrapper #mainleft3 .aboutcontent .homeFeature div { width: 340px; } /*______________________________________________________*/ .content .homeFeature UL { WIDTH: 560px; margin-left:10px; padding-left:0px; } .content .homeFeature UL LI { BACKGROUND: url(../images/arrow.gif) no-repeat 0px 4px; MARGIN-BOTTOM: 6px; padding: 0px 0px 0px 10px; float: none; border-bottom: 1px dashed #999999; } .tips .homeFeature UL { WIDTH: 420px; margin-left:10px; padding-left:0px; } .content .homeFeature UL { WIDTH: 500px; margin-left:10px; padding-left:0px; } /************** #cooking tips ***************************/ div #cookingtips { height: 122px; background: url(../images/cooking_tips_banner.jpg) no-repeat left bottom; } #cookingtips div{ background: url(../images/curvetranstop558x7.gif) no-repeat left top; } #cookingtips div div{ background: url(../images/curvetransbottom558x7.gif) no-repeat left bottom; } #cookingtipstitle{ width: 354px; margin-top: 10px; margin-bottom: 0px; color: #FFFFFF; font: normal 36px Arial, Helvetica, sans-serif; padding: 56px 180px 10px 22px; position: absolute; list-style: none; height: 87px; } #cookingtipstitle h3{ font: 24px; } .content{ FLOAT: none; LIST-STYLE-TYPE: none; font-size: 11px; color: #1D5647; } .tips { FLOAT: none; LIST-STYLE-TYPE: none; font-size: 11px; } .tips DIV { CLEAR: left; FLOAT: left; margin: 0px; padding: 0px; } ul.tips{ margin:0px; padding:0px; } ul.content{ margin:0px; padding:0px; } .tips DIV H2 { font: bold 11px Tahoma, Verdana, Arial, Helvetica; margin: 7px; } .tips UL { MARGIN-TOP: 8px; LIST-STYLE-TYPE: none } .tips LI.homeFeature { FLOAT: left; MARGIN-BOTTOM: 5px } .content UL { MARGIN-TOP: 8px; LIST-STYLE-TYPE: none } .content LI.homeFeature { FLOAT: left; MARGIN-BOTTOM: 5px } .tips .homeFeature { WIDTH: 440px; PADDING-TOP: 3px } .tips .homeFeature DIV { WIDTH: 440px; COLOR: #fff } .content .homeFeature UL { WIDTH: 560px; margin-left:10px; padding-left:0px; } .content .homeFeature UL LI { BACKGROUND: url(../images/arrow.gif) no-repeat 0px 4px; MARGIN-BOTTOM: 6px; padding: 0px 0px 0px 10px; float: none; border-bottom: 1px dashed #999999; } .tips .homeFeature UL { WIDTH: 420px; margin-left:10px; padding-left:0px; } .content .homeFeature UL { WIDTH: 500px; margin-left:10px; padding-left:0px; } .tips .homeFeature UL LI { BACKGROUND: url(../images/arrow.gif) no-repeat 0px 4px; MARGIN-BOTTOM: 6px; padding: 0px 0px 0px 10px; float: none; border-bottom: 1px dashed #999999; } .tips .homeFeature UL LI.last { WIDTH: 50px; } .tips .homeFeature UL LI.solo { padding: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; } .tips .homeFeature UL A { FONT-WEIGHT: bold; TEXT-DECORATION: none } .tips .homeFeature BLOCKQUOTE { FONT-WEIGHT: bold; FONT-SIZE: 130%; MARGIN: 0px 0px 10px; WIDTH: 200px } .tips .homeFeature BLOCKQUOTE IMG.open { MARGIN: 0px 5px 0px 0px } .tips .homeFeature BLOCKQUOTE IMG.close { MARGIN: 0px 0px 0px 5px } .tips .homeFeature BLOCKQUOTE.right { FLOAT: right } .tips .tastier div.outer { BACKGROUND: url(../images/curvetranstop442x7.gif) #009865 no-repeat left top } .tips .tastier DIV { BACKGROUND: url(../images/curvetransbottom442x7.gif) no-repeat left bottom } .tips .tastier UL A { COLOR: #009865; text-decoration: none; } .tips .tastier UL A:hover { BACKGROUND: #CCFFCC; text-decoration: none; } .tips LI.tastier BLOCKQUOTE { COLOR: #30958e } .tips .healthy div.outer { BACKGROUND: url(../images/curvetranstop442x7.gif) #74A20B no-repeat left top } .tips .healthy DIV { BACKGROUND: url(../images/curvetransbottom442x7.gif) no-repeat left bottom } .tips .healthy UL A { COLOR: #74A20B; text-decoration: none; } .tips .healthy UL A:hover { BACKGROUND: #E1FAA7; text-decoration: none; } .tips LI.healthy BLOCKQUOTE { COLOR: #74A20B } .tips .timesaver div.outer { BACKGROUND: url(../images/curvetranstop442x7.gif) #03A7A6 no-repeat left top } .tips .timesaver DIV { BACKGROUND: url(../images/curvetransbottom442x7.gif) no-repeat left bottom } .tips .timesaver UL A { COLOR: #03A7A6; text-decoration: none; } .tips .timesaver UL A:hover { BACKGROUND: #CCFFFF; text-decoration: none; } .tips LI.timesaver BLOCKQUOTE { COLOR: #03A7A6 } .tips .local { BACKGROUND: url(../images/local/findFood_bg.gif) #8ab034 no-repeat left top } .tips .local DIV { BACKGROUND: url(../images/local/findFood_btm.gif) no-repeat left bottom } .tips .local UL A { COLOR: #759336; BORDER-BOTTOM: #759336 1px dotted } .tips .local UL A:hover { BACKGROUND: #f1f4eb; BORDER-BOTTOM: #759336 1px solid } .tips LI.local BLOCKQUOTE { COLOR: #759336 } .tips .managing div.outer { BACKGROUND: url(../images/curvetranstop442x7.gif) #51AD28 no-repeat left top; margin-bottom: 5px; } .tips .managing DIV { BACKGROUND: url(../images/curvetransbottom442x7.gif) no-repeat left bottom } .tips .managing UL A { COLOR: #51AD28; text-decoration: none; } .tips .managing UL A:hover { BACKGROUND: #D4F7C3; text-decoration: none; } .tips LI.managing BLOCKQUOTE { COLOR: #51AD28 } .tips .shopping div.outer { BACKGROUND: url(../images/curvetranstop442x7.gif) no-repeat left top } .tips .shopping DIV { BACKGROUND: url(../images/curvetransbottom442x7.gif) #7b648e no-repeat left bottom } .tips .shopping UL A { COLOR: #7b648e; BORDER-BOTTOM: #7b648e 1px dotted } .tips .shopping UL A:hover { BACKGROUND: #fff; BORDER-BOTTOM: #7b648e 1px solid } .tips LI.shopping BLOCKQUOTE { COLOR: #7b648e } .tips .wine { BACKGROUND: url(../images/wine/wine_featureBgTop.gif) no-repeat left top } .tips .wine DIV { BACKGROUND: url(../images/wine/wine_featureBgBtm.gif) #8d002d no-repeat left bottom } .tips .wine UL A { COLOR: #8d002d; BORDER-BOTTOM: #8d002d 1px dotted } .tips .wine UL A:hover { BACKGROUND: #f3e5ea; BORDER-BOTTOM: #8d002d 1px solid } .tips LI.wine BLOCKQUOTE { COLOR: #8d002d } .tips .competitions { BACKGROUND: url(../images/competitions/competitions_featureBgTop.gif) no-repeat left top } .tips .competitions DIV { BACKGROUND: url(../images/competitions/competitions_featureBgBtm.gif) #c43926 no-repeat left bottom } .tips .competitions UL A { COLOR: #c43926; BORDER-BOTTOM: #c43926 1px dotted } .tips .competitions UL A:hover { BACKGROUND: #f3e5ea; BORDER-BOTTOM: #c43926 1px solid } .tips LI.competitions BLOCKQUOTE { COLOR: #c43926 } .imgLeft { FLOAT: left; MARGIN-RIGHT: 15px } .imgRight { FLOAT: right; MARGIN-LEFT: 15px } .tips LI.last { BORDER-BOTTOM: #d0cac6 1px solid } .thumbnail_managing { background: url(../images/managingleftovers.jpg) no-repeat left center; } .thumbnail_healthy { background: url(../images/healthycookingtricks.jpg) no-repeat left center; } .thumbnail_tastier { background: url(../images/tastiercookingtricks.jpg) no-repeat left center; } .thumbnail { display: inline; /* position: relative; left: 0px;*/ float: left; padding: 3px 15px 3px 0px; margin:0px } .thumbnail img { display: block; /* position: relative;*/ left: 0px; top: 0px; border: 1px none #000; } .tips .thumbnail div.outer { BACKGROUND: url(../images/curvetranstop100x7.gif) no-repeat left top } .tips .thumbnail div { BACKGROUND: url(../images/curvetransbottom100x7.gif) no-repeat left bottom; } .tips .thumbnail span{ width:100px height:100px } .clearBoth { CLEAR: both; font-size: 2px; margin: 0px; padding: 0px; } div #thumbnail1 { background: url(../images/managingleftovers.jpg) no-repeat left top; } #thumbnail1 div{ background: url(../images/curvetranstop100x7.gif) no-repeat left top; } #thumbnail1 div div{ background: url(../images/curvetransbottom100x7.gif) no-repeat left bottom; } div #thumbnail2 { background: url(../images/healthycookingtricks.jpg) no-repeat left top; } #thumbnail2 div{ background: url(../images/curvetranstop100x7.gif) no-repeat left top; } #thumbnail2 div div{ background: url(../images/curvetransbottom100x7.gif) no-repeat left bottom; } div #thumbnail3 { background: url(../images/tastiercookingtricks.jpg) no-repeat left top; } #thumbnail3 div{ background: url(../images/curvetranstop100x7.gif) no-repeat left top; } #thumbnail3 div div{ background: url(../images/curvetransbottom100x7.gif) no-repeat left bottom; } /*#thumbnail4 {background: url(../images/timesavinghints.jpg) no-repeat left center;}*/ div #thumbnail4 { background: url(../images/timesavinghints.jpg) no-repeat left top; } #thumbnail4 div{ background: url(../images/curvetranstop100x7.gif) no-repeat left top; } #thumbnail4 div div{ background: url(../images/curvetransbottom100x7.gif) no-repeat left bottom; } div #thumbnail5 { background: url(../images/whatsinurfridge_th.jpg) no-repeat left top; } #thumbnail5 div{ background: url(../images/curvetranstop100x7.gif) no-repeat left top; } #thumbnail5 div div{ background: url(../images/curvetransbottom100x7.gif) no-repeat left bottom; } div #thumbnail6 { background: url(../images/weeklyplannertool_th.jpg) no-repeat left top; } #thumbnail6 div{ background: url(../images/curvetranstop100x7.gif) no-repeat left top; } #thumbnail6 div div{ background: url(../images/curvetransbottom100x7.gif) no-repeat left bottom; } div #thumbnail7 { background: url(../images/measurementtool_th.jpg) no-repeat left top; } #thumbnail7 div{ background: url(../images/curvetranstop100x7.gif) no-repeat left top; } #thumbnail7 div div{ background: url(../images/curvetransbottom100x7.gif) no-repeat left bottom; } div #thumbnail8 { background: url(../images/glossery_th.jpg) no-repeat left top; } #thumbnail8 div{ background: url(../images/curvetranstop100x7.gif) no-repeat left top; } #thumbnail8 div div{ background: url(../images/curvetransbottom100x7.gif) no-repeat left bottom; } /*************# registration *******************/ label { font: bold 11px Tahoma, Verdana, Arial, Helvetica; color: #686868; width: 150px; float: left; padding-top: 4px; } .hilites { color:#FF0000; } /************** # My Recipedia ***************************/ div #recipedia { height: 122px; background: url(../images/myrecipedia_banner.jpg) no-repeat left bottom; } #recipedia div{ background: url(../images/curvetranstop558x7.gif) no-repeat left top; } #recipedia div div{ background: url(../images/curvetransbottom558x7.gif) no-repeat left bottom; } #recipediatitle { width: 354px; margin-top: 10px; margin-bottom: 0px; color: #FFFFFF; font: normal 36px Arial, Helvetica, sans-serif; padding: 56px 180px 10px 22px; position: absolute; list-style: none; height: 87px; } div.row { padding-top: 0px; text-align: right; } div.row span.label { float: left; width: 100px; text-align: right; } div.row span.formw { float: right; width: 335px; text-align: left; } div.row span.left { float: left; text-align: left; font-weight: bold; color: #fff; width: 49%; margin-left: 10px; margin-top: 4px; margin-bottom: 4px; } div.row span.right { float: right; text-align: right; font-weight: bold; color: #fff; width: 40%; margin-right: 10px; margin-top: 4px; margin-bottom: 4px; } #recipelist{ WIDTH: 558px; PADDING-TOP: 3px; list-style: none; margin-bottom: 0px; padding-bottom: 0px; } #contestrecipelist{ PADDING-TOP: 3px; list-style: none; margin-bottom: 0px; padding-bottom: 0px; } div #recipelist span.left { float: left; text-align: left; font-weight: bold; color: #006633; width: 400px; margin-left: 10px; margin-top: 4px; margin-bottom: 0px; padding-bottom: 2px; } span.left a{ color: #18692E; border-bottom:1px dotted #6FA88C; text-decoration: none; } .recipedia span.left a{ color: #017BC4; border-bottom:1px dotted #6FA88C; text-decoration: none; } div #recipelist span.right { float: right; text-align: right; font-weight: bold; color: #006633; width: 80px; margin-right: 10px; margin-top: 4px; margin-bottom: 0px; padding-bottom: 0px; } div #recipeby { width: 490px; padding-left: 20px; padding-bottom: 10px; margin-bottom: 0px; margin-top: 0px; padding-top: 0px; } .recipedia{ float: left; list-style-type: none; clear: left; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #017BC4; /*background: url(../images/featureBg.gif);*/ padding-top: 5px; /* border-top: 1px dashed #7EA800; */ } .recipedia h2{ font: bold 22px Verdana, Arial, Helvetica, sans-serif; color: #017BC4; padding: 0px ; margin: 0px ; } .recipedia p{ font: 11px Verdana, Arial, Helvetica, sans-serif; color: #017BC4; padding: 4px 0px 1px; margin: 0px ; } /*************** #pageName styles **************/ #pageName{ margin: 0px; padding: 0px 0px 0px 10px; } .features { float: left; list-style-type: none; clear: left; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #99CC00; background: url(../images/featureBg.gif); padding-top: 15px; /* border-top: 1px dashed #7EA800; */ } .recipedia{ float: left; list-style-type: none; clear: left; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #017BC4; /*background: url(../images/featureBg.gif);*/ padding-top: 5px; /* border-top: 1px dashed #7EA800; */ } .recipedia h2{ font: bold 22px Verdana, Arial, Helvetica, sans-serif; color: #017BC4; padding: 0px ; margin: 0px ; } .recipedia p{ font: 11px Verdana, Arial, Helvetica, sans-serif; color: #017BC4; padding: 4px 0px 1px; margin: 0px ; } .features DIV { clear: left; float: left; margin-bottom: 4px; padding-bottom: 2px; } .recipedia DIV { clear: left; float: left; margin-bottom: 0px; padding-bottom: 2px; padding-top: 2px; } .searchtab { clear: left; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #439236; padding-top: 15px; } .searchtab DIV { clear: left; margin-bottom: 4px; padding-bottom: 2px; } .features DIV H2 { MARGIN-LEFT: 10px; font: bold normal 12px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 2px; margin-top: 4px; } .features .homeFeature { WIDTH: 558px; PADDING-TOP: 3px /* padding for topbg to be visible */ } .recipedia .homeFeature { WIDTH: 558px; PADDING-TOP: 3px /* padding for topbg to be visible */ } .searchtab .homeFeature { WIDTH: 558px; PADDING-TOP: 3px; /* padding for topbg to be visible */ } .features .homeFeature DIV { WIDTH: 558px; COLOR: #fff } .recipedia .homeFeature DIV { WIDTH: 558px; COLOR: #fff } .searchtab .homeFeature DIV { WIDTH: 558px; } .features .homeFeature a { FONT-WEIGHT: bold; TEXT-DECORATION: none; } .features .recipes { BACKGROUND: #fff url(../images/recipes_BgTop.gif) no-repeat left top; } .recipedia .recipes { BACKGROUND: #017BC4 url(../images/curvetranstop558x7.gif) no-repeat left top; padding-bottom:0px; margin-bottom:0px; } .features .recipes div { BACKGROUND: #18692e url(../images/recipe_featureBgBtm.gif) no-repeat left bottom } .recipedia .recipes div { BACKGROUND: #017BC4 url(../images/curvetransbottom558x7.gif) no-repeat left bottom } .features .recipes a { COLOR: #18692e; } .recipedia .recipes a { COLOR: #FFFFFF; } .searchtab .search { BACKGROUND: #fff url(../images/search_BgTop.gif) no-repeat left top; } .searchtab .search div { BACKGROUND: #D5F8B0 url(../images/search_featureBgBtm.gif) no-repeat left bottom } .searchtab .search a { COLOR: #18692e; } div .searchpageindex { text-align: right; padding-top:4px; padding-bottom:8px; line-height:22px; /*display:block;*/ height:auto; width: 500px; } .searchpageindex a { /* confirm or check this code */ font: bold 11px Arial, Helvetica, sans-serif; margin-right: 8px; text-align: right; text-decoration: underline; } div #searchsorting { font: 12px Tahoma, Verdana, Arial, Helvetica; color: #036450; width:518px; padding:20px; } .imgLeft { FLOAT: left; MARGIN-RIGHT: 5px } .imgRight { FLOAT: right; MARGIN-LEFT: 5px } div #nifty{ background: #666; margin: 15; min-height: 270px; } #niftydetails h1, h2, p{ margin: 0px 10px; } #niftydetails h1{ font-size: 24px; color: #FFF; font-weight: 400; } #niftydetails h2{font-size: 150%;color: #f0f0f0} b.rtop, b.rbottom{display:block; background: #FFF} b.rtop b, b.rbottom b{display:block; height: 1px; overflow: hidden; background: #666} b.r1{margin: 0 5px} b.r2{margin: 0 3px} b.r3{margin: 0 2px} b.rtop b.r4, b.rbottom b.r4{margin: 0 1px; height: 2px} .label { font: normal 11px Arial, Helvetica, sans-serif; color: #B7B7B7; } .value { font: bold 11px Arial, Helvetica, sans-serif; color: #FFFFFF; } .cook { font: bold 11px Arial, Helvetica, sans-serif; color: #B4E87D; } #ingredients { font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #666666; width: 170px; margin: 10px 0px; float: left; } #method { font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #006633; float: left; padding-left: 0px; width: 380px; margin: 10px 0px; border-left: 1px dashed #666666; } /* .pages_link{ margin: 0; padding: 0; } .pages_link a, .pages_link a:visited{ font-family: Tahoma, Verdana, Arial; font-size: 11px; padding: 1px 3px; text-decoration: none; color: #2893C7; } .pages_link a:hover, .pages_link a:active{ color: #2893C7; text-decoration:none; font-weight:bold; } */ div.row .subview { color: #ffffff; font-weight:bold; text-decoration:none; } div.row .subview:link { color: #ffffff; font-weight:bold; text-decoration:none; } div.row .subview:visited { color: #ffffff; font-weight:bold; text-decoration: none; } div.row .subview:active { color: #ffffff; font-weight:bold; text-decoration: none; } div.row .subview:hover { color: #FFFFFF; font-weight:bold; text-decoration:underline; } #tip1 .leftcooking { color: #5A4131; text-decoration:none; border-bottom:none; } #tip1 .leftcooking:link { color: #5A4131; text-decoration:none; border-bottom:none; } #tip1 .leftcooking:visited { color: #5A4131; text-decoration: none; border-bottom:none; } #tip1 .leftcooking:active { color: #5A4131; text-decoration: none; border-bottom:none; } #tip1 .leftcooking:hover { color: #5A4131; text-decoration:none; border-bottom:none; } .aboutcooking { color: #636563; text-decoration:none; border-bottom:none; } .aboutcooking:link { color: #636563; text-decoration:none; border-bottom:none; } .aboutcooking:visited { color: #636563; text-decoration: none; border-bottom:none; } .aboutcooking:active { color: #636563; text-decoration: none; border-bottom:none; } .aboutcooking:hover { color: #636563; text-decoration:none; border-bottom:none; } /*____________________________________new css___________________________________________________*/ body { color: #333333; padding: 0px; margin: 0px; font: 10px Tahoma, Verdana, Arial, Helvetica; } h3{ padding-left: 10px; } .searchtab h3 { font: normal 20px Tahoma, Verdana, Arial, Helvetica; padding: 2px; margin: 2px; } .hilites { color:#FF0000; } h2{ padding-left: 10px; } p { padding: 0px; margin:5px 0px 0px 0px; } a { color: #006633; text-decoration: none; } hr{ border-top: 1px dashed #fff; border-right: 1px none #999999; border-bottom: 1px dashed #999999; border-left: 1px none #999999; margin: 1px; padding: 1px; } input { font: 11px Arial, Helvetica, sans-serif; color: #016551; /* border: 1px solid #A3B2CC; */ } ol{ padding-top: 2px; margin-top: 2px; } li { padding-bottom: 5px; margin-bottom: 5px; float: none; } /***********************************************/ /***********************************************/ /* Layout Divs */ /***********************************************/ #subwrapper { width:778px; margin-top:10px; padding:0px; text-align:left; float:left; } #mainleft1 { width:300px; float:left; margin-left:0px; background:#fff; padding-bottom:10px; } #recipetext { width: 280px; height: 60px; position:absolute; margin-top: 190px; padding-right: 10px; padding-left: 10px; margin-bottom: 10px; color: #fff; /* background-color: #ffffff; the background */ /* filter: alpha(opacity=50); Internet Explorer */ /* moz-opacity:0.5; /* Mozilla 1.6 and below */ /* opacity: 0.5; /* newer Mozilla and CSS-3 */ font-size: 11px; } div #recipetext h2{ font-size: 24px; margin: 0px; padding-top: 8px; padding-left: 0px; } div span.title{ width:200px; font-size: 24px; margin: 0px; color: #FFF; float: left; } div h2 span.cookingtime{ /*width:100px;*/ font-size: 11px; margin: 5px; color: #000000; float: right; text-align: right; } #masthead{ padding: 0px; border-bottom: 1px solid #cccccc; width: 100%; } #navBar{ float: right; width: 20%; margin: 0px; padding: 0px; background-color: #eeeeee; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } #leftwrapper { width:559px; float:left; padding:0px; text-align:left; } div #recipeoftheday { width: 300px; height: 290px; background: url(../images/banner-05.gif) no-repeat left bottom; } #recipeimage { width: 300px; height: 250px; float:left; padding: 0px; margin-bottom: 10px; } div #recipedetail { width: 240px; float:left; padding: 8px; /* max-height: 221px; */ height: 221px; } div #niftydetails{ width: 256px; background: #666; margin: 0px; float:left; font-size: 11px; } #recipepageintro { width: 250px; float:left; margin-top: 10px; font-size: 11px; font-weight: normal; color: #18692E; } #recipealphapage { float:left; margin-left:0px; background:#fff; padding-bottom:10px; padding-right: 10px; color: #99CC00; font: bold 11px Arial, Helvetica, sans-serif; height: 80px; } #recipealphapage h1 { font: normal 6em Arial, Helvetica, sans-serif; color: #99CC00; margin: 0px; padding: 0px; } #recipealphapage h4 { font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #99CC00; margin: 0px; padding-top: 48px; padding-right: 10px; } #recipepageindex { font: bold 11px Arial, Helvetica, sans-serif; color: #99CC00; /*height: 40px;*/ padding-top: 48px; /* margin-left: 10px; */ float: left; padding-bottom: 10px; } #recipepageindex a{ font: bold 11px Arial, Helvetica, sans-serif; color: #18692E; border-bottom:1px dashed #6FA88C; text-decoration: none; padding-right: 2px; padding-left: 2px; margin-right: 6px; margin-left: 2px; } #recipebackpage { font: bold 11px Arial, Helvetica, sans-serif; color: #99CC00; height: 40px; padding-top: 48px; margin-right: 10px; float: right; } #recipebackpage a{ font: bold 11px Arial, Helvetica, sans-serif; color: #18692E; border-bottom:1px dashed #6FA88C; text-decoration: none; } div #recipeblurbs{ margin: 0px; } #mainleft2 { width:240px; float:left; margin-left:18px; background:#fff; padding-bottom:10px; } #lookforrecipe { width:224px; background:#FDDE68; margin: 0px; padding: 0px 8px; font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #5E4036; text-align: justify; height: 171px; } #lookforrecipe h2 { font: bold 24px/24px Arial, Helvetica, sans-serif; color: #CE383A; text-align: left; margin: 0px; } #lookforrecipe h3 { font: bold 16px Tahoma, Arial, Helvetica, sans-serif; color: #5E4036; margin: 0px; text-align: left; } #lookforrecipe p { margin-top: 4px; } #top5 { WIDTH:559px; HEIGHT: 125px; font: bold 12px Tahoma, Verdana, Arial, Helvetica; color: #009C38; } #top5 H2 { FLOAT: left; MARGIN: 20px 9px 16px 0px } #top5 SELECT { border: #7f9db9 1px solid; padding: 1px; margin-top: 19px; float: left; width: 160px; font-size: 11px; } #top5 INPUT { FLOAT: left; MARGIN: 19px 0px 0px 11px } #top5 UL { LINE-HEIGHT: 120%; LIST-STYLE-TYPE: none; margin: 0px; padding: 0px; } #top5 LI { FLOAT: left; WIDTH: 88px; MARGIN-RIGHT: 22px; POSITION: relative; } #top5 LI.last { FLOAT: left; WIDTH: 88px; MARGIN-RIGHT: 0px; POSITION: relative; } /*#top5 LI IMG { MARGIN-BOTTOM: 3px }*/ .top5{ height:75px; width: 85px; margin-top: 5px; margin-bottom: 5px; } .top5 div{ background: url(../images/curvetranstop85x7.gif) no-repeat left top; } .top5 div div{ background: url(../images/curvetransbottom85x7.gif) no-repeat left bottom; } #top5 LI P { FONT-WEIGHT: bold; FONT-SIZE: 11px; text-align: left; margin: 0px; padding: 0px; } #top5 LI P A { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #016551; BORDER-BOTTOM: 1px dotted #016551; TEXT-DECORATION: none; text-align: left; } #top5 LI P A:hover { BORDER-BOTTOM: 1px solid #016551 } #top5 LI P A:unknown { BORDER-BOTTOM: #5a564e 1px solid } #top5 LI P A:active { BORDER-BOTTOM: 1px solid #016551 } #top5centre { MIN-HEIGHT: 234px; FLOAT: none; MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 778px; padding: 0px; } #mainleft3{ width:558px; float:left; margin:0px; background:#fff; padding-bottom:10px; } #mainright { width:201px; margin-left:14px; margin-bottom:10px; padding-bottom:0px; font-size: 11px; line-height: 125%; float: left; } /*#login{ background:#D5F8B0; color: #016551; margin-bottom: 10px; line-height: 16px; height: 124px; } #login a { margin-bottom: 10px; font-weight: bold; }*/ #mainright a { font-size: 11px; color: #016551; border-bottom: 1px dotted #65AE69; text-decoration: none; } #advsearch select { width: 180px; margin-top:4px; font: 11px Arial, Helvetica, sans-serif; color: #016551; border: 1px solid #A3B2CC; } #footer { background:#fff; width:770px; float:left; font-size: 11px; color: #00993F; padding: 4px; margin:0px; } #footer a { color: #00993F; text-decoration:none; padding-right: 2px; padding-left: 2px; } #footer a:hover { text-decoration:underline; } #headlines{ float:left; width: 20%; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding-right: 10px; } #content{ float: left; width: 55%; } div.float { float: left; width:94px; padding-right:24px; text-align:left; LINE-HEIGHT: 100%; padding-left: 0px; margin-left: 0px; } div.row { padding-top: 0px; text-align: right; } div.row span.label { float: left; width: 100px; text-align: right; } div.row span.formw { float: right; width: 335px; text-align: left; } div.row span.left { float: left; text-align: left; font-weight: bold; color: #fff; width: 70%; margin-left: 10px; margin-top: 4px; margin-bottom: 4px; } div.row span.right { float: right; text-align: center; font-weight: bold; color: #fff; width: 60px; margin-right: 10px; margin-top: 4px; margin-bottom: 4px; } div.row span.right a{ color:#FFF; } #recipelist{ WIDTH: 558px; PADDING-TOP: 3px; list-style: none; margin-bottom: 0px; padding-bottom: 0px; } #contestrecipelist{ PADDING-TOP: 3px; list-style: none; margin-bottom: 0px; padding-bottom: 0px; } div #recipelist span.left { float: left; text-align: left; font-weight: bold; color: #006633; width: 400px; margin-left: 10px; margin-top: 4px; margin-bottom: 0px; padding-bottom: 2px; } span.left a{ color: #18692E; border-bottom:1px dotted #6FA88C; text-decoration: none; } .recipedia span.left a{ color: #017BC4; border-bottom:1px dotted #6FA88C; text-decoration: none; } div #recipelist span.right { float: right; text-align: right; font-weight: bold; color: #006633; width: 80px; margin-right: 10px; margin-top: 4px; margin-bottom: 0px; padding-bottom: 0px; } div #recipeby { width: 490px; padding-left: 20px; padding-bottom: 10px; margin-bottom: 0px; margin-top: 0px; padding-top: 0px; } div.float p { color: #016551; margin: 0px; padding: 0px; text-align: left; margin: 0px; } div.float p a { color: #016551; border-bottom: 1px dotted #016551; text-decoration: none; line-height:16px; font-size: 11px; font-weight: normal; padding: 0px; text-align: left; margin: 0px; } div.float p a:hover { BORDER-BOTTOM: 1px solid #016551; padding: 0px; margin: 0px; } div.float p a:unknown { BORDER-BOTTOM: #5a564e 1px solid; padding: 0px; margin: 0px; } div.float p a:active { BORDER-BOTTOM: 1px solid #016551; padding: 0px; margin: 0px; } div.spacer { clear: both; margin-top: 0px; font-size: 2px; } #siteName{ margin: 0; padding: 0 0 0 10px; } #logo{ padding: 0px 2px; float: left; } #tip1{ margin: 0px 0px 15px; color: #5E4036; background: #EDE38A; height: auto; padding: 0px; } #tip1 p{ font: 11px Tahoma, Arial, Helvetica, sans-serif; padding-left: 10px; margin: 0px; } #tip2{ margin: 0px 0px 15px; color: #5E4036; background: #FFCC9A; height: auto; padding: 0px; } #tip2 h4{ font: bold 12px Tahoma, Arial, Helvetica, sans-serif; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; margin: 0px; } #tip2 p{ font: 11px Tahoma, Arial, Helvetica, sans-serif; padding-left: 10px; margin: 0px; } #tip2 a{ color: #5E4036; font-weight: bold; text-decoration: none; border-width: 0px; border-style: none; } /*************** #pageName styles **************/ #pageName{ margin: 0px; padding: 0px 0px 0px 10px; } .features { float: left; list-style-type: none; clear: left; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #99CC00; background: url(../images/featureBg.gif); padding-top: 15px; /* border-top: 1px dashed #7EA800; */ } .recipedia{ float: left; list-style-type: none; clear: left; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #017BC4; /*background: url(../images/featureBg.gif);*/ padding-top: 5px; /* border-top: 1px dashed #7EA800; */ } .recipedia h2{ font: bold 22px Verdana, Arial, Helvetica, sans-serif; color: #017BC4; padding: 0px ; margin: 0px ; } .recipedia p{ font: 11px Verdana, Arial, Helvetica, sans-serif; color: #017BC4; padding: 4px 0px 1px; margin: 0px ; } .features DIV { clear: left; float: left; margin-bottom: 4px; padding-bottom: 2px; } .recipedia DIV { clear: left; float: left; margin-bottom: 0px; padding-bottom: 2px; padding-top: 2px; } .searchtab { clear: left; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #439236; padding-top: 15px; } .searchtab DIV { clear: left; margin-bottom: 4px; padding-bottom: 2px; } .features DIV H2 { MARGIN-LEFT: 10px; font: bold normal 12px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 2px; margin-top: 4px; } .features .homeFeature { WIDTH: 558px; PADDING-TOP: 3px /* padding for topbg to be visible */ } .recipedia .homeFeature { WIDTH: 558px; PADDING-TOP: 3px /* padding for topbg to be visible */ } .searchtab .homeFeature { WIDTH: 558px; PADDING-TOP: 3px; /* padding for topbg to be visible */ } .features .homeFeature DIV { WIDTH: 558px; COLOR: #fff } .recipedia .homeFeature DIV { WIDTH: 558px; COLOR: #fff } .searchtab .homeFeature DIV { WIDTH: 558px; } .features .homeFeature a { FONT-WEIGHT: bold; TEXT-DECORATION: none; } .features .recipes { BACKGROUND: #fff url(../images/recipes_BgTop.gif) no-repeat left top; } .recipedia .recipes { BACKGROUND: #017BC4 url(../images/curvetranstop558x7.gif) no-repeat left top; padding-bottom:0px; margin-bottom:0px; } .features .recipes div { BACKGROUND: #18692e url(../images/recipe_featureBgBtm.gif) no-repeat left bottom } .recipedia .recipes div { BACKGROUND: #017BC4 url(../images/curvetransbottom558x7.gif) no-repeat left bottom } .features .recipes a { COLOR: #18692e; } .recipedia .recipes a { COLOR: #FFFFFF; } .searchtab .search { BACKGROUND: #fff url(../images/search_BgTop.gif) no-repeat left top; } .searchtab .search div { BACKGROUND: #D5F8B0 url(../images/search_featureBgBtm.gif) no-repeat left bottom } .searchtab .search a { COLOR: #18692e; } /*div .searchpageindex { text-align: right; padding-top: 4px; padding-bottom: 1px; height: 22px; width: 500px; }*/ .searchpageindex a { /* confirm or check this code */ font: bold 11px Arial, Helvetica, sans-serif; margin-right: 8px; text-align: right; text-decoration: underline; } div #searchsorting { font: 12px Tahoma, Verdana, Arial, Helvetica; color: #036450; width:518px; padding:20px; } .imgLeft { FLOAT: left; MARGIN-RIGHT: 5px } .imgRight { FLOAT: right; MARGIN-LEFT: 5px } div #nifty{ background: #666; margin: 15; min-height: 270px; } #niftydetails h1, h2, p{ margin: 0px 10px; } #niftydetails h1{ font-size: 24px; color: #FFF; font-weight: 400; } #niftydetails h2{font-size: 150%;color: #f0f0f0} b.rtop, b.rbottom{display:block; background: #FFF} b.rtop b, b.rbottom b{display:block; height: 1px; overflow: hidden; background: #666} b.r1{margin: 0 5px} b.r2{margin: 0 3px} b.r3{margin: 0 2px} b.rtop b.r4, b.rbottom b.r4{margin: 0 1px; height: 2px} .label { font: normal 11px Arial, Helvetica, sans-serif; color: #B7B7B7; } .value { font: bold 11px Arial, Helvetica, sans-serif; color: #FFFFFF; } .cook { font: bold 11px Arial, Helvetica, sans-serif; color: #B4E87D; } #ingredients { font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #666666; width: 180px; margin: 10px 0px; float: left; } #method { font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #006633; float: left; padding-left: 0px; width: 370px; margin: 10px 0px; border-left: 1px dashed #666666; } /************* #breadCrumb styles *************/ #breadCrumb{ font-size: 80%; padding: 2px 0px 0 10px; } /************** .feature styles ***************/ /************** .story styles *****************/ /************* #siteInfo styles ***************/ /************* #search styles ***************/ #search{ background:#19A475; color: #016551; margin-bottom: 12px; } #searchresult{ color: #036654; font: 12px Tahoma, Verdana, Arial, Helvetica; } #searchresult th { color: #666666; font: bold 11px Tahoma, Verdana, Arial, Helvetica; padding: 6px; border-right: 1px dotted #E1E1E1; border-top: 1px dotted #E1E1E1; border-bottom: 1px dotted #E1E1E1; } #searchresult td.th { color: #666666; font: bold 11px Tahoma, Verdana, Arial, Helvetica; padding: 6px; text-align: center; border-right: 1px dotted #E1E1E1; border-top: 1px dotted #E1E1E1; border-bottom: 1px dotted #E1E1E1; } #searchresult td.recipename{ color: #036654; font: bold 14px Tahoma, Verdana, Arial, Helvetica; padding: 21px 8px; border-bottom: 1px dotted #E1E1E1; border-right: 1px dotted #E1E1E1; } #searchresult td.time{ color: #036654; font: bold 11px Tahoma, Verdana, Arial, Helvetica; text-align: center; width: 70px; border-bottom: 1px dotted #E1E1E1; border-right: 1px dotted #E1E1E1; } #searchresult td.level{ color: #036654; font: bold 11px Tahoma, Verdana, Arial, Helvetica; text-align: center; width: 70px; text-transform: uppercase; border-bottom: 1px dotted #E1E1E1; border-right: 1px dotted #E1E1E1; } #searchresult td.type{ color: #036654; font: bold 11px Tahoma, Verdana, Arial, Helvetica; text-align: center; width: 70px; border-bottom: 1px dotted #E1E1E1; } /*********** #navBar link styles ***********/ /*********** #sectionLinks styles ***********/ /*********** .relatedLinks styles ***********/ /************** #advert styles **************/ #advert{ margin-bottom: 15px; } #advert img{ display: block; } /************** #headlines styles **************/ #headlines{ margin: 0px; padding: 0px; font-size: 80%; } #headlines p{ padding: 5px 0px 5px 0px; } #side_ad { float: left; width: 120px; margin-left: 10px; margin-top: 90px; } /************* #whats in your fridge ****************/ div #inurfridge { height: 400px; background: url(../images/whatsinurfridge.jpg) no-repeat left bottom; } #inurfridge div{ background: url(../images/curvetranstop558x7.gif) no-repeat left top; } #inurfridge div div{ background: url(../images/curvetransbottom558x7.gif) no-repeat left bottom; } div #inurfridgerepeat { width: 558px; height: 360px; background: url(../images/whatsinurfridge.jpg) no-repeat left bottom; } div #inurfridgerepeat div{ background: url(../images/curvetranstop558x7.gif) no-repeat left top; } div #inurfridgerepeat div div{ background: url(../images/curvetransbottom558x7.gif) no-repeat left bottom; } #inurfridgetext { width: 354px; margin-top: 10px; margin-bottom: 0px; color: #FFFFFF; font-size: 11px; font-weight: bold; padding: 0px 180px 10px 24px; position: absolute; list-style: none; } div #inurfridgetext h2{ margin: 0px; padding-top: 12px; padding-left: 0px; font: normal 30px Arial, Helvetica, sans-serif; } div #inurfridgetext h3{ margin: 0px; padding-top: 12px; padding-left: 0px; font: normal 20px Arial, Helvetica, sans-serif; } #inurfridgetext ul{ margin: 0px; padding: 8px; } #inurfridgetext li{ width: 80px; float: left; list-style: none; margin: 1px; padding: 1px; } #inurfridgetext .ques{ color: #000066; font-size: 12px; background: url(none); } #inurfridgetext .note{ color: #9CDAFE; } .searchinurfridge { padding-top: 3px; margin-top: 16px; background: #010066 url(../images/curvetranstop558x7.gif) no-repeat left top; } .searchinurfridgeresult { padding-top: 3px; margin-top: 16px; font: 11px Tahoma, Verdana, Arial, Helvetica; color: #0066CC; margin-bottom: 8px; padding-bottom: 3px; } .searchinurfridge div { height: 16px; padding: 4px 20px; font: bold 11px Tahoma, Verdana, Arial, Helvetica; color: #FFFFFF; background: url(../images/curvetransbottom558x7.gif) no-repeat left bottom; } /************* #contest ****************/ div #contest { height: 400px; background: url(../images/contest.jpg) no-repeat left bottom; } #contest div{ background: url(../images/curvetranstop560x7.gif) no-repeat left top; } /*#contest div div{ background: url(../images/curvetransbottom560x7.gif) no-repeat left bottom; }*/ .contestform { background: #FAF8BD url(../images/curvetransbottom558x7.gif) no-repeat left bottom; font: 12px Tahoma, Verdana, Arial, Helvetica; color: #6E5333; padding: 24px; } .contestform h2{ font: bold 24px Arial, Helvetica, sans-serif; color: #C6864E; } .contestform a{ font: 11px; color: #006633; } .contestform a:hover{ font: 11px; color: #006633; } .contestform input, textarea, select, option{ border: 1px solid #996600; margin: 1px; padding: 0px; font-size: 11px; } /************* #banners ads ****************/ #top_ad { color: #fff; } #side_ad { color: #fff; } #mid_ad { color: #fff; } /************* #num bullets ****************/ .blue { font: bold 12px Tahoma, Verdana, Arial, Helvetica; color: #FFFFFF; background: url(../images/label0.gif) no-repeat left top; margin: 0px; padding: 2px 0px 0px; } .brown { font: bold 12px Tahoma, Verdana, Arial, Helvetica; color: #FFFFFF; background: url(../images/label10.gif) no-repeat left top; margin: 0px; padding: 2px 0px 0px; } /***************** # Tools *********************/ div #tools { height: 122px; background: url(../images/tools_banner.jpg) no-repeat left bottom; } #tools div{ background: url(../images/curvetranstop558x7.gif) no-repeat left top; } #tools div div{ background: url(../images/curvetransbottom558x7.gif) no-repeat left bottom; } #toolstitle { width: 354px; margin-top: 10px; margin-bottom: 0px; color: #FFFFFF; font: normal 36px Arial, Helvetica, sans-serif; padding: 56px 180px 10px 22px; position: absolute; list-style: none; height: 87px; } #toolstitle h3{ font: 24px; } .tips .inurfridge div.outer { BACKGROUND: #010066 url(../images/curvetranstop442x7.gif) no-repeat left top; margin-bottom: 5px; } .tips .inurfridge DIV { BACKGROUND: url(../images/curvetransbottom442x7.gif) no-repeat left bottom } .tips .inurfridge UL A { COLOR: #010066; text-decoration: none; } .tips .inurfridge UL A:hover { BACKGROUND: #D4F7C3; text-decoration: none; } .tips LI.inurfridge BLOCKQUOTE { COLOR: #51AD28 } .tips .planner div.outer { BACKGROUND: #0570B4 url(../images/curvetranstop442x7.gif) no-repeat left top; margin-bottom: 5px; } .tips .planner DIV { BACKGROUND: url(../images/curvetransbottom442x7.gif) no-repeat left bottom } .tips .planner UL A { COLOR: #0570B4; text-decoration: none; } .tips .planner UL A:hover { BACKGROUND: #D4F7C3; text-decoration: none; } .tips LI.planner BLOCKQUOTE { COLOR: #51AD28 } .tips .measurements div.outer { BACKGROUND: url(../images/curvetranstop442x7.gif) #2B9BE5 no-repeat left top; margin-bottom: 5px; } .tips .measurements DIV { BACKGROUND: url(../images/curvetransbottom442x7.gif) no-repeat left bottom } .tips .measurements UL A { COLOR: #2B9BE5; text-decoration: none; } .tips .measurements UL A:hover { BACKGROUND: #D4F7C3; text-decoration: none; } .tips LI.measurements BLOCKQUOTE { COLOR: #51AD28 } .tips .glossary div.outer { BACKGROUND: url(../images/curvetranstop442x7.gif) #20BBEB no-repeat left top; margin-bottom: 5px; } .tips .glossary DIV { BACKGROUND: url(../images/curvetransbottom442x7.gif) no-repeat left bottom } .tips .glossary UL A { COLOR: #20BBEB; text-decoration: none; } .tips .glossary UL A:hover { BACKGROUND: #D4F7C3; text-decoration: none; } .tips LI.glossary BLOCKQUOTE { COLOR: #51AD28 } /************** #cooking tips ***************************/ div #cookingtips { height: 122px; background: url(../images/cooking_tips_banner.jpg) no-repeat left bottom; } #cookingtips div{ background: url(../images/curvetranstop558x7.gif) no-repeat left top; } #cookingtips div div{ background: url(../images/curvetransbottom558x7.gif) no-repeat left bottom; } #cookingtipstitle{ width: 354px; margin-top: 10px; margin-bottom: 0px; color: #FFFFFF; font: normal 36px Arial, Helvetica, sans-serif; padding: 56px 180px 10px 22px; position: absolute; list-style: none; height: 87px; } #cookingtipstitle h3{ font: 24px; } .content{ FLOAT: none; LIST-STYLE-TYPE: none; font-size: 11px; color: #1D5647; } .tips { FLOAT: none; LIST-STYLE-TYPE: none; font-size: 11px; } .tips DIV { CLEAR: left; FLOAT: left; margin: 0px; padding: 0px; } ul.tips{ margin:0px; padding:0px; } ul.content{ margin:0px; padding:0px; } ul.aboutcontent{ margin:0px; padding:0px; } .tips DIV H2 { font: bold 11px Tahoma, Verdana, Arial, Helvetica; margin: 7px; } .tips UL { MARGIN-TOP: 8px; LIST-STYLE-TYPE: none } .tips LI.homeFeature { FLOAT: left; MARGIN-BOTTOM: 5px } .content UL { MARGIN-TOP: 8px; LIST-STYLE-TYPE: none } .content LI.homeFeature { FLOAT: left; MARGIN-BOTTOM: 5px } .tips .homeFeature { WIDTH: 440px; PADDING-TOP: 3px } .tips .homeFeature DIV { WIDTH: 440px; COLOR: #fff } .content .homeFeature UL { WIDTH: 560px; margin-left:10px; padding-left:0px; } .content .homeFeature UL LI { BACKGROUND: url(../images/arrow.gif) no-repeat 0px 4px; MARGIN-BOTTOM: 6px; padding: 0px 0px 0px 10px; float: none; border-bottom: 1px dashed #999999; } .tips .homeFeature UL { WIDTH: 420px; margin-left:10px; padding-left:0px; } .content .homeFeature UL { WIDTH: 500px; margin-left:10px; padding-left:0px; } .tips .homeFeature UL LI { BACKGROUND: url(../images/arrow.gif) no-repeat 0px 4px; MARGIN-BOTTOM: 6px; padding: 0px 0px 0px 10px; float: none; border-bottom: 1px dashed #999999; } .tips .homeFeature UL LI.last { WIDTH: 50px; } .tips .homeFeature UL LI.solo { padding: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; } .tips .homeFeature UL A { FONT-WEIGHT: bold; TEXT-DECORATION: none } .tips .homeFeature BLOCKQUOTE { FONT-WEIGHT: bold; FONT-SIZE: 130%; MARGIN: 0px 0px 10px; WIDTH: 200px } .tips .homeFeature BLOCKQUOTE IMG.open { MARGIN: 0px 5px 0px 0px } .tips .homeFeature BLOCKQUOTE IMG.close { MARGIN: 0px 0px 0px 5px } .tips .homeFeature BLOCKQUOTE.right { FLOAT: right } .tips .tastier div.outer { BACKGROUND: url(../images/curvetranstop442x7.gif) #009865 no-repeat left top } .tips .tastier DIV { BACKGROUND: url(../images/curvetransbottom442x7.gif) no-repeat left bottom } .tips .tastier UL A { COLOR: #009865; text-decoration: none; } .tips .tastier UL A:hover { BACKGROUND: #CCFFCC; text-decoration: none; } .tips LI.tastier BLOCKQUOTE { COLOR: #30958e } .tips .healthy div.outer { BACKGROUND: url(../images/curvetranstop442x7.gif) #74A20B no-repeat left top } .tips .healthy DIV { BACKGROUND: url(../images/curvetransbottom442x7.gif) no-repeat left bottom } .tips .healthy UL A { COLOR: #74A20B; text-decoration: none; } .tips .healthy UL A:hover { BACKGROUND: #E1FAA7; text-decoration: none; } .tips LI.healthy BLOCKQUOTE { COLOR: #74A20B } .tips .timesaver div.outer { BACKGROUND: url(../images/curvetranstop442x7.gif) #03A7A6 no-repeat left top } .tips .timesaver DIV { BACKGROUND: url(../images/curvetransbottom442x7.gif) no-repeat left bottom } .tips .timesaver UL A { COLOR: #03A7A6; text-decoration: none; } .tips .timesaver UL A:hover { BACKGROUND: #CCFFFF; text-decoration: none; } .tips LI.timesaver BLOCKQUOTE { COLOR: #03A7A6 } .tips .local { BACKGROUND: url(../images/local/findFood_bg.gif) #8ab034 no-repeat left top } .tips .local DIV { BACKGROUND: url(../images/local/findFood_btm.gif) no-repeat left bottom } .tips .local UL A { COLOR: #759336; BORDER-BOTTOM: #759336 1px dotted } .tips .local UL A:hover { BACKGROUND: #f1f4eb; BORDER-BOTTOM: #759336 1px solid } .tips LI.local BLOCKQUOTE { COLOR: #759336 } .tips .managing div.outer { BACKGROUND: url(../images/curvetranstop442x7.gif) #51AD28 no-repeat left top; margin-bottom: 5px; } .tips .managing DIV { BACKGROUND: url(../images/curvetransbottom442x7.gif) no-repeat left bottom } .tips .managing UL A { COLOR: #51AD28; text-decoration: none; } .tips .managing UL A:hover { BACKGROUND: #D4F7C3; text-decoration: none; } .tips LI.managing BLOCKQUOTE { COLOR: #51AD28 } .tips .shopping div.outer { BACKGROUND: url(../images/curvetranstop442x7.gif) no-repeat left top } .tips .shopping DIV { BACKGROUND: url(../images/curvetransbottom442x7.gif) #7b648e no-repeat left bottom } .tips .shopping UL A { COLOR: #7b648e; BORDER-BOTTOM: #7b648e 1px dotted } .tips .shopping UL A:hover { BACKGROUND: #fff; BORDER-BOTTOM: #7b648e 1px solid } .tips LI.shopping BLOCKQUOTE { COLOR: #7b648e } .tips .wine { BACKGROUND: url(../images/wine/wine_featureBgTop.gif) no-repeat left top } .tips .wine DIV { BACKGROUND: url(../images/wine/wine_featureBgBtm.gif) #8d002d no-repeat left bottom } .tips .wine UL A { COLOR: #8d002d; BORDER-BOTTOM: #8d002d 1px dotted } .tips .wine UL A:hover { BACKGROUND: #f3e5ea; BORDER-BOTTOM: #8d002d 1px solid } .tips LI.wine BLOCKQUOTE { COLOR: #8d002d } .tips .competitions { BACKGROUND: url(../images/competitions/competitions_featureBgTop.gif) no-repeat left top } .tips .competitions DIV { BACKGROUND: url(../images/competitions/competitions_featureBgBtm.gif) #c43926 no-repeat left bottom } .tips .competitions UL A { COLOR: #c43926; BORDER-BOTTOM: #c43926 1px dotted } .tips .competitions UL A:hover { BACKGROUND: #f3e5ea; BORDER-BOTTOM: #c43926 1px solid } .tips LI.competitions BLOCKQUOTE { COLOR: #c43926 } .imgLeft { FLOAT: left; MARGIN-RIGHT: 15px } .imgRight { FLOAT: right; MARGIN-LEFT: 15px } .tips LI.last { BORDER-BOTTOM: #d0cac6 1px solid } .thumbnail_managing { background: url(../images/managingleftovers.jpg) no-repeat left center; } .thumbnail_healthy { background: url(../images/healthycookingtricks.jpg) no-repeat left center; } .thumbnail_tastier { background: url(../images/tastiercookingtricks.jpg) no-repeat left center; } .thumbnail { display: inline; /* position: relative; left: 0px;*/ float: left; padding: 3px 15px 3px 0px; margin:0px } .thumbnail img { display: block; /* position: relative;*/ left: 0px; top: 0px; border: 1px none #000; } .tips .thumbnail div.outer { BACKGROUND: url(../images/curvetranstop100x7.gif) no-repeat left top } .tips .thumbnail div { BACKGROUND: url(../images/curvetransbottom100x7.gif) no-repeat left bottom; } .tips .thumbnail span{ width:100px height:100px } .clearBoth { CLEAR: both; font-size: 2px; margin: 0px; padding: 0px; } div #thumbnail1 { background: url(../images/managingleftovers.jpg) no-repeat left top; } #thumbnail1 div{ background: url(../images/curvetranstop100x7.gif) no-repeat left top; } #thumbnail1 div div{ background: url(../images/curvetransbottom100x7.gif) no-repeat left bottom; } div #thumbnail2 { background: url(../images/healthycookingtricks.jpg) no-repeat left top; } #thumbnail2 div{ background: url(../images/curvetranstop100x7.gif) no-repeat left top; } #thumbnail2 div div{ background: url(../images/curvetransbottom100x7.gif) no-repeat left bottom; } div #thumbnail3 { background: url(../images/tastiercookingtricks.jpg) no-repeat left top; } #thumbnail3 div{ background: url(../images/curvetranstop100x7.gif) no-repeat left top; } #thumbnail3 div div{ background: url(../images/curvetransbottom100x7.gif) no-repeat left bottom; } /*#thumbnail4 {background: url(../images/timesavinghints.jpg) no-repeat left center;}*/ div #thumbnail4 { background: url(../images/timesavinghints.jpg) no-repeat left top; } #thumbnail4 div{ background: url(../images/curvetranstop100x7.gif) no-repeat left top; } #thumbnail4 div div{ background: url(../images/curvetransbottom100x7.gif) no-repeat left bottom; } div #thumbnail5 { background: url(../images/whatsinurfridge_th.jpg) no-repeat left top; } #thumbnail5 div{ background: url(../images/curvetranstop100x7.gif) no-repeat left top; } #thumbnail5 div div{ background: url(../images/curvetransbottom100x7.gif) no-repeat left bottom; } div #thumbnail6 { background: url(../images/weeklyplannertool_th.jpg) no-repeat left top; } #thumbnail6 div{ background: url(../images/curvetranstop100x7.gif) no-repeat left top; } #thumbnail6 div div{ background: url(../images/curvetransbottom100x7.gif) no-repeat left bottom; } div #thumbnail7 { background: url(../images/measurementtool_th.jpg) no-repeat left top; } #thumbnail7 div{ background: url(../images/curvetranstop100x7.gif) no-repeat left top; } #thumbnail7 div div{ background: url(../images/curvetransbottom100x7.gif) no-repeat left bottom; } div #thumbnail8 { background: url(../images/glossery_th.jpg) no-repeat left top; } #thumbnail8 div{ background: url(../images/curvetranstop100x7.gif) no-repeat left top; } #thumbnail8 div div{ background: url(../images/curvetransbottom100x7.gif) no-repeat left bottom; } /************** #glossary ***************************/ div #glossary { height: 122px; background: url(../images/glossary_banner.jpg) no-repeat left bottom; } #glossary div{ background: url(../images/curvetranstop558x7.gif) no-repeat left top; } #glossary div div{ background: url(../images/curvetransbottom558x7.gif) no-repeat left bottom; } #glossarytitle { width: 354px; margin-top: 10px; margin-bottom: 0px; color: #FFFFFF; font: normal 36px Arial, Helvetica, sans-serif; padding: 56px 180px 10px 22px; position: absolute; list-style: none; height: 87px; } #glossarytitle h3{ font: 24px; } .glossaryintro { font: 11px Tahoma, Verdana, Arial, Helvetica; color: #333; margin: 30px; padding: 30px; border: 1px dashed #333333; } .glossary td { padding-left:20px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #2893C7; background: #fff; } .glossary a { color: #2893C7; } p.glossary { color: #FF0000; font: 11px Tahoma, Verdana, Arial, Helvetica; } /**************/ div #measuretool { height: 122px; background: url(../images/measuretool_banner.jpg) no-repeat left bottom; } #measuretool div{ background: url(../images/curvetranstop558x7.gif) no-repeat left top; } #measuretool div div{ background: url(../images/curvetransbottom558x7.gif) no-repeat left bottom; } #measuretooltitle { width: 354px; margin-top: 10px; margin-bottom: 0px; color: #FFFFFF; font: normal 28px Arial, Helvetica, sans-serif; padding: 56px 180px 10px 22px; position: absolute; list-style: none; height: 87px; } #measuretooltitle h3{ font: 24px; } .measures td { padding-left:10px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #2893C7; background: #fff; } .keys { color:#006895; } /****************** Healthy Cooking Tips ***********************/ #healthycookingtips { width: 320px; margin-top: 5px; margin-bottom: 0px; color: #8EB101; font: normal 11px Arial, Helvetica, sans-serif; padding: 5px 214px 10px 15px; position: absolute; list-style: none; height: 100px; } #healthycookingtips h1 { color: #8EB101; font: 28px Arial, Helvetica, sans-serif; margin:0px; padding:0px; } #healthycookingtips p { color: #8EB101; font: normal 11px Arial, Helvetica, sans-serif; margin:5px 0px 0px 0px; padding:0px; } div #healthytipsbanner { height: 122px; background: url(../images/healthy_tips_banner.jpg) no-repeat left bottom; } #healthytipsbanner div{ background: url(../images/curvetranstop558x7.gif) no-repeat left top; } #healthytipsbanner div div{ background: url(../images/curvetransbottom558x7.gif) no-repeat left bottom; } li.healthytips { WIDTH: 558px; height:40px; PADDING-TOP: 3px; color: #777; } li.healthytips img{ margin: 0px; padding: 0px 10px 0px 0px; } /****************** Tastier Cooking Tips ***********************/ #tastiercookingtips { width: 320px; margin-top: 5px; margin-bottom: 0px; color: #009966; font: normal 11px Arial, Helvetica, sans-serif; padding: 5px 214px 10px 15px; position: absolute; list-style: none; height: 100px; } #tastiercookingtips h1 { color: #009966; font: 28px Arial, Helvetica, sans-serif; margin:0px; padding:0px; } #tastiercookingtips p { color: #009966; font: normal 11px Arial, Helvetica, sans-serif; margin:5px 0px 0px 0px; padding:0px; } div #tastytipsbanner { height: 122px; background: url(../images/tastier_cooking_tips_banner.jpg) no-repeat left bottom; } #tastytipsbanner div{ background: url(../images/curvetranstop558x7.gif) no-repeat left top; } #tastytipsbanner div div{ background: url(../images/curvetransbottom558x7.gif) no-repeat left bottom; } li.tastytips { WIDTH: 558px; height:40px; PADDING-TOP: 3px; color: #777; } li.tastytips img{ margin: 0px; padding: 0px 10px 0px 0px; } /****************** Managing Leftover Tips ***********************/ #managingleftovertips { width: 280px; margin-top: 5px; margin-bottom: 0px; color: #51AC28; font: normal 11px Arial, Helvetica, sans-serif; padding: 5px 254px 10px 15px; position: absolute; list-style: none; height: 100px; } #managingleftovertips h1 { color: #51AC28; font: 28px Arial, Helvetica, sans-serif; margin:0px; padding:0px; } #managingleftovertips p { color: #51AC28; font: normal 11px Arial, Helvetica, sans-serif; margin:5px 0px 0px 0px; padding:0px; } div #managingtipsbanner { height: 122px; background: url(../images/managing_leftovers_banner.jpg) no-repeat left bottom; } #managingtipsbanner div{ background: url(../images/curvetranstop558x7.gif) no-repeat left top; } #managingtipsbanner div div{ background: url(../images/curvetransbottom558x7.gif) no-repeat left bottom; } li.managingtips { WIDTH: 558px; height:40px; PADDING-TOP: 3px; color: #777; } li.managingtips img{ margin: 0px; padding: 0px 10px 0px 0px; } /****************** Time Saving Tips ***********************/ #timesavingtips { width: 320px; margin-top: 5px; margin-bottom: 0px; color: ##03A7A6; font: normal 11px Arial, Helvetica, sans-serif; padding: 5px 214px 10px 15px; position: absolute; list-style: none; height: 100px; } #timesavingtips h1 { color: #03A7A6; font: 28px Arial, Helvetica, sans-serif; margin:0px; padding:0px; } #timesavingtips p { color: #03A7A6; font: normal 11px Arial, Helvetica, sans-serif; margin:5px 0px 0px 0px; padding:0px; } div #timetipsbanner { height: 122px; background: url(../images/time_saving_hints_banner.jpg) no-repeat left bottom; } #timetipsbanner div{ background: url(../images/curvetranstop558x7.gif) no-repeat left top; } #timetipsbanner div div{ background: url(../images/curvetransbottom558x7.gif) no-repeat left bottom; } li.timetips { WIDTH: 558px; height:40px; PADDING-TOP: 3px; color: #777; } li.timetips img{ margin: 0px; padding: 0px 10px 0px 0px; } /************** #Your Corner ***************************/ div #yourcorner { height: 122px; background: url(../images/yourcorner_banner.jpg) no-repeat left bottom; } #yourcorner div{ background: url(../images/curvetranstop558x7.gif) no-repeat left top; } #yourcorner div div{ background: url(../images/curvetransbottom558x7.gif) no-repeat left bottom; } #yourcornertitle { width: 354px; margin-top: 10px; margin-bottom: 0px; color: #FFFFFF; font: normal 36px Arial, Helvetica, sans-serif; padding: 50px 15px 16px 187px; position: absolute; list-style: none; height: 87px; text-align: right; } #yourcornertitle h3{ font: 24px; } .yourcornerintro { font: 11px Tahoma, Verdana, Arial, Helvetica; color: #333; margin: 30px; padding: 30px; border: 1px dashed #333333; } .yourcorner { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #1D5647; text-align: justify; /*background: #FFFFFF url(../images/curvetranstop558x7.gif) no-repeat left top; */ } .yourcorner td { /*background: #FFFFFF;*/ border-bottom: 1px dashed #C4E8E8; height:24px; padding: 10px 0px 10px 0px ; vertical-align:top; } .authorname { /*background: #FFFFFF;*/ font: bold 11px Tahoma, Verdana, Arial, Helvetica; } .yourcorner th { border-bottom: 1px none #ffffff; background: #C4E8E8; height:31px; vertical-align:middle; } .welcomeurcorner { font: 12px Tahoma, Verdana, Arial, Helvetica; color: #336666; padding: 10px 3px 6px 10px; background: #EDF5F7; } /**************************** #About Cookitup *********************************/ .aboutcontent p { margin:1px 1px 3px; padding:1px 1px 3px; } .aboutcontent{ FLOAT: none; LIST-STYLE-TYPE: none; font-size: 11px; color: #666666; font: 11px/16px Tahoma, Verdana, Arial, Helvetica; } .aboutcontent h2{ FLOAT: none; LIST-STYLE-TYPE: none; font-size: 20px; color: #16A675; margin: 1px; padding: 10px 0px 0px; font-weight: normal; border-top: 1px dashed #999; } .aboutcontent h3{ FLOAT: none; LIST-STYLE-TYPE: none; font-size: 12px; color: #16A675; margin: 0px 0px 3px; padding: 0px 0px 3px; font-weight: bold; } .aboutcontent h4{ FLOAT: none; LIST-STYLE-TYPE: none; font-size: 12px; color: #128960; margin: 9px; padding: 3px; font-weight: bold; /* background: #D5F8B0;*/ height: 30px; } .aboutcontent blockquote{ margin: 3px 3px 3px 10px; } div #aboutproductcookitup { height: 122px; background: url(../images/header_hul_products.jpg) no-repeat left bottom; } #aboutproductcookitup div{ background: url(../images/curvetranstop558x7.gif) no-repeat left top; } #aboutproductcookitup div div{ background: url(../images/curvetransbottom558x7.gif) no-repeat left bottom; } #aboutcookituptitle{ width: 354px; margin-top: 10px; margin-bottom: 0px; color: #FFFFFF; font: normal 36px Arial, Helvetica, sans-serif; padding: 56px 180px 10px 22px; position: absolute; list-style: none; height: 87px; } #aboutcookituptitle h3{ font: 24px; } /* feature thumbs for about cookitup*/ div .featurethumb { height: 120px; width: 200px; text-align: center; } .aboutcontent UL { MARGIN-TOP: 8px; LIST-STYLE-TYPE: none } .aboutcontent LI.homeFeature { MARGIN-BOTTOM: 5px } .aboutcontent .homeFeature UL { WIDTH: 340px; margin-left:0px; padding-left:0px; float:right; margin-top: 10px; margin-bottom: 0px; padding-bottom: 0px; border-top: 1px dashed #999999; } .aboutcontent .homeFeature UL LI { BACKGROUND: url(../images/greenarrow.gif) no-repeat 0px 4px; MARGIN-top: 6px; padding: 0px 0px 0px 10px; float: none; font: bold 12px Tahoma, Verdana, Arial, Helvetica; } .aboutcontent a { color: #16A675; } #mainwrapper #subwrapper #contentwrapper #leftwrapper #mainleft3 .aboutcontent .homeFeature div { width: 340px; } /*************# registration *******************/ label { font: bold 11px Tahoma, Verdana, Arial, Helvetica; color: #686868; width: 150px; float: left; padding-top: 4px; } /************** # My Recipedia ***************************/ div #recipedia { height: 122px; background: url(../images/myrecipedia_banner.jpg) no-repeat left bottom; } #recipedia div{ background: url(../images/curvetranstop558x7.gif) no-repeat left top; } #recipedia div div{ background: url(../images/curvetransbottom558x7.gif) no-repeat left bottom; } #recipediatitle { width: 354px; margin-top: 10px; margin-bottom: 0px; color: #FFFFFF; font: normal 36px Arial, Helvetica, sans-serif; padding: 56px 180px 10px 22px; position: absolute; list-style: none; height: 87px; } #addrecipedia { font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #999; text-decoration: none; } #addrecipedia a{ color: #666; text-decoration: none; } .arrowimg{ margin: 0px 10px 20px 0px; } .hometop5{ FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #009E39; TEXT-DECORATION: none; text-align: left; } .searchgreen{ FONT-WEIGHT: normal; FONT-SIZE: 11px; font-weight:bold; COLOR: #B5EB7B; TEXT-DECORATION: none; text-align: left; } .searchwhite{ FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #FFFFFF; TEXT-DECORATION: none; text-align: left; } /*__________NEW MY CORNER______________________*/ #yourcornertitle_new{ width: 354px; margin-top: 10px; margin-bottom: 0px; color: #FFFFFF; font: normal 36px Arial, Helvetica, sans-serif; padding: 56px 187px 10px 15px; position: absolute; list-style: none; height: 40px; text-align: left; } #MyPhoto { font: 11px Arial, Helvetica, sans-serif; color: #037F65; background: #D14876; } #MyPhoto .photo { border: 15px solid #FFCCCC; text-align: center; } #MyRecipedia { font: 11px Tahoma, Verdana, Arial, Helvetica; color: #037F65; background: #D4F8B0; } #MyRecipedia a{ font: 11px Tahoma, Verdana, Arial, Helvetica; color: #037F65; text-decoration: underline; } #MyRecipedia h2 { font: normal 20px Tahoma, Verdana, Arial, Helvetica; margin: 0px; padding: 5px 10px; } #MyRecipedia p { font: normal 11px Tahoma, Verdana, Arial, Helvetica; margin: 0px; padding: 5px 10px; } #MyContestRecipes { font: 11px Arial, Helvetica, sans-serif; color: #037F65; background: #BBF8F9; } #MyContestRecipes h2 { font: normal 20px Tahoma, Verdana, Arial, Helvetica; margin: 0px; padding: 5px 10px; } #MyContestRecipes p { font: normal 11px Tahoma, Verdana, Arial, Helvetica; margin: 0px; padding: 5px 10px; } #MyProfile { font: 11px Arial, Helvetica, sans-serif; color: #B5FBDF; background: #037F65; padding: 0px; margin: 0px; } #MyProfile h2 { font: normal 20px Tahoma, Verdana, Arial, Helvetica; color: #FFFFFF; padding: 0px; margin: 0px; } #MyProfile p { font: normal 11px Tahoma, Verdana, Arial, Helvetica; padding: 0px; margin: 0px; } #MyProfile .vars { font: bold 11px Tahoma, Verdana, Arial, Helvetica; color: #FFFFFF; padding: 0px; margin: 0px; } #MyProfile hr{ border: 1px none #fff; margin: 0px; padding: 0px; } #MyPeekCorner { font: 11px Tahoma, Verdana, Arial, Helvetica;; color: #037F65; background: #D4F8B0; padding: 0px; margin: 0px; } #MyPeekCorner h2 { font: normal 20px Tahoma, Verdana, Arial, Helvetica; color: #037F65; padding: 0px; margin: 0px; } #MyPeekCorner p { font: normal 11px Tahoma, Verdana, Arial, Helvetica; padding: 0px; margin: 0px; } #MyComment { font: 11px Tahoma, Verdana, Arial, Helvetica; color: #037F65; background: #D4F8B0; padding: 0px; margin: 0px; } #MyComment h2 { font: normal 20px Tahoma, Verdana, Arial, Helvetica; color: #037F65; padding: 0px; margin: 0px; } #MyComment p { font: normal 11px Tahoma, Verdana, Arial, Helvetica; padding: 0px 0px 10px; margin: 0px; } #MyComment textarea { border: 1px solid #037F65; margin: 1px; padding: 0px; font-size: 11px; } #MyRecipe { font: 11px Tahoma, Verdana, Arial, Helvetica; color: #037F65; background: #F9F4B2; padding: 0px; margin: 0px; } #MyRecipe h2 { font: normal 20px Tahoma, Verdana, Arial, Helvetica; color: #037F65; padding: 0px 0px 10px; margin: 0px; } #MyRecipe p { font: normal 11px Tahoma, Verdana, Arial, Helvetica; padding: 5px 0px; margin: 0px; } #MyRecipe button { font: bold 11px Tahoma, Verdana, Arial, Helvetica; padding: 0px; margin: 0px; background: url(../images/button_bg130x18.jpg); color: #DBFDEF; height: 18px; width: 130px; border: 1px none #F9F4B2; } .small { font: small Tahoma, Verdana, Arial, Helvetica; padding: 0px 5px; } .myrecipe_name { font-size: 20px; } .btn{ font: bold 11px Tahoma, Verdana, Arial, Helvetica; padding: 0px; margin: 0px; background: url(../images/button_bg130x18.jpg); color: #DBFDEF; height: 18px; width: 130px; display:block; text-align:center; line-height:15px; border: 1px none #F9F4B2; } .btn:link{ font: bold 11px Tahoma, Verdana, Arial, Helvetica; padding: 0px; margin: 0px; background: url(../images/button_bg130x18.jpg); color: #DBFDEF; height: 18px; width: 130px; display:block; text-align:center; line-height:15px; border: 1px none #F9F4B2; } .btn:hover{ font: bold 11px Tahoma, Verdana, Arial, Helvetica; padding: 0px; margin: 0px; background: url(../images/button_bg130x18.jpg); color: #DBFDEF; height: 18px; width: 130px; display:block; text-align:center; line-height:15px; border: 1px none #F9F4B2; } .sublink:link { font-family:Tahoma, Verdana, Arial, Helvetica; font-size: 11px; color: #ffffff; font-weight:bold; text-decoration:none; } .sublink:visited { font-family:Tahoma, Verdana, Arial, Helvetica; font-size: 11px; color: #ffffff; font-weight:bold; text-decoration: none; } .sublink:active { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px; color: #ffffff; font-weight:bold; text-decoration: none; } .sublink:hover { font-family:Tahoma, Verdana, Arial, Helvetica; font-size: 11px; color: #ffffff; font-weight:bold; text-decoration:underline; } /*-----------Pages------------ */ .pagelink:link { font-family:Tahoma, Verdana, Arial, Helvetica; font-size: 11px; color: #DBFDEF; background-color:#007D63; width:20px; height:18px; line-height:25px; padding:2px; font-weight:bold; text-decoration:none; } .pagelink:visited { font-family:Tahoma, Verdana, Arial, Helvetica; font-size: 11px; color: #DBFDEF; background-color:#007D63; font-weight:bold; width:20px; height:18px; line-height:25px; padding:2px; text-decoration: none; } .pagelink:active { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px; color: #DBFDEF; background-color:#007D63; width:20px; height:18px; line-height:25px; font-weight:bold; padding:2px; text-decoration: none; } .pagelink:hover { font-family:Tahoma, Verdana, Arial, Helvetica; font-size: 11px; width:20px; height:18px; color: #DBFDEF; line-height:25px; background-color:#007D63; font-weight:bold; text-decoration:none; } #videorecipeintro { width: 250px; float:left; margin-top: 10px; font-size: 11px; font-weight: normal; color: #990166; margin-bottom: 10px; height: 240px; } #videorecipeintro h2 { font: bold 11px Tahoma, Verdana, Arial, Helvetica; color: #990166; margin: 0px; padding: 0px 10px 10px; } #videorecipe2intro { width: 155px; float:left; margin-top: 10px; font-size: 11px; font-weight: normal; color: #990166; margin-bottom: 10px; height: 240px; } #videorecipe2intro h2 { font: bold 11px Tahoma, Verdana, Arial, Helvetica; color: #990166; margin: 0px; padding: 0px 10px 10px; } .video { FLOAT: none; LIST-STYLE-TYPE: none; font-size: 11px; } .video div { CLEAR: left; FLOAT: left; margin: 0px; padding: 0px; } .video h2 { font: bold 11px Tahoma, Verdana, Arial, Helvetica; color: #FFFFFF; padding-top: 8px; padding-bottom: 8px; margin: 0px; } ul.video{ margin:0px; padding:0px; COLOR: #990066; } .video .homeFeature div { WIDTH: 100%; COLOR: #fff } .video .videorecipe div.outer { BACKGROUND: #990066 url(../images/vrecipes_BgTop.gif) no-repeat left top; margin-bottom: 5px; } .video .videorecipe DIV { BACKGROUND: url(../images/vrecipe_featureBgBtm.gif) no-repeat left bottom } .video .videorecipe a { COLOR: #990066; font-weight: bold; border-bottom: 2px dotted #E9AECC; margin-bottom: 10px; } .video .videorecipe a:hover { COLOR: #990066; text-decoration: none; } .video h3{ background:url(../images/arrow.gif) no-repeat left center; margin: 2px 2px 2px 116px; font: bold 11px Tahoma, Verdana, Arial, Helvetica; padding: 0px 0px 0px 10px; } .videorecipe p { padding-left: 116px; } .video .paging { font-size: 11px; margin: 10px; word-spacing: 6px; } .video .paging a{ COLOR: #990066; font-weight: bold; border-bottom: 2px dotted #E9AECC; padding-right: 2px; padding-left: 2px; } .video hr{ height: 1px; border-top: 1px none #990066; border-right: 1px none #990066; border-bottom: 1px dashed #990066; border-left: 1px none #990066; } #videorecipeintro a { COLOR: #990066; font-weight: bold; } #videorecipeintro a:hover { COLOR: #990066; text-decoration: none; } div #videorecipedetail { font-size: 11px; width: 155px; float:right; padding: 0px; height: 333px; background: #33FF00; color: #FFFFFF; margin: 0px; } div #videorecipedetail h2{ font: bold 16px Tahoma, Verdana, Arial, Helvetica; border-bottom: 1px dotted #FFFFFF; margin: 0px 10px; padding: 10px 0px; } div #videorecipedetail p { border-top: 1px dotted #FFFFFF; padding-top: 4px; text-align: justify; margin: 2px 10px 10px; } #videorecipepageindex { font: bold 11px Arial, Helvetica, sans-serif; color: #99CC00; /*height: 40px;*/ padding-top: 15px; /* margin-left: 10px; */ float: left; padding-bottom: 10px; clear: both; } #videorecipepageindex a{ font: bold 11px Arial, Helvetica, sans-serif; color: #990066; border-bottom: 2px dotted #E9AECC; text-decoration: none; padding-right: 2px; padding-left: 2px; margin-right: 6px; margin-left: 2px; white-space: nowrap; } #videorecipedetail div.outer { background: #990066 url(../images/vrecipedtl_BgTop.gif) no-repeat left top; margin: 0px; height:333px; padding: 0px; } #videorecipedetail div { background: url(../images/vrecipedtl_BgBtm.gif) no-repeat left bottom; height:333px; margin: 0px; padding: 0px; } #thumbnailvideo div{ background: url(../images/curvetranstop100x7.gif) no-repeat left top; } #thumbnailvideo div div{ background: url(../images/curvetransbottom100x7.gif) no-repeat left bottom; } h1{ font: normal 30px Tahoma, Verdana, Arial, Helvetica; color: #990066; } /*** Resources Page ***/ li.resources { MARGIN-BOTTOM: 5px; float: left; } .resources a { color:#666666; text-decoration:underline; } /*-----------Easy Indian Recipe---------*/ div #eir { height: 211px; background: url(../images/easyrecipes-atoz.jpg) no-repeat left bottom; } #eir div{ background: url(../images/curvetranstop558x7.gif) no-repeat left top; } #eir div div{ background: url(../images/curvetransbottom558x7.gif) no-repeat left bottom; } #eir{ width: 260px; margin-top: 10px; margin-bottom: 0px; color: #FFFFFF; position: absolute; list-style: none; font: normal 28px Arial, Helvetica, sans-serif; padding: 7px 20px 20px 21px; } #atoz{ width: 260px; margin-top: 10px; margin-bottom: 0px; color: #DAC751; position: absolute; list-style: none; font: normal 30px Arial, Helvetica, sans-serif; padding: 190px 20px 20px 21px; text-align:right; } /*-----------End---------*/