/* Author Name : Shaikh Rahil, Mandar Juvekar Site URL : www.saffolalife.com Updated on : 4th Aug 2010 */ body{overflow-x:hidden;} body#home{background:#ffd13b url(../images/common/home-body-bg.jpg) center 154px no-repeat;font:62.5% "Trebuchet MS", verdana, sans-serif;} body#home #page-header,body#home #content,body#home #page-header, body#home #footer #footer-blurbs{display:none;} body#home #content-wrapper{ background-color:transparent;width:990px;padding:0 0 0 5px;} body#home #content-left{width:990px;margin-left:0;float:left;} body#home #footer{background:url(../images/home/footer-bghome.gif) center -1px repeat-x;} body#inner{background:#ffd13b url(../images/common/inner-body-bg.jpg) center 154px repeat-y; font:normal 62.5% "Trebuchet MS", verdana, sans-serif;} body#inner #content-wrapper{clear:both;float:left;width:980px;min-height:500px;background-color:#fff; padding:0 5px 20px 15px;} body#inner #header{background:transparent url(../images/common/inner-top-bg.gif) left 85px no-repeat;} body#inner #content-left{float:left;width:220px;padding:17px 0 20px 20px;} body#inner #content{float:left;width:700px; text-align:justify;padding-top:26px;} body#inner.no-left #content-left{display:none;} body#inner.no-left #content{width:970px;} #wrappercode{width:1000px;margin:0 auto;color:#707070;font:1.2em Arial;color:#3b3b3b;} /*#content-wrapper{clear:both;float:left;width:993px;margin:0 0 0 5px;min-height:426px;background-color:#fff;background-image: none;padding:0 0 0 10px;} */ /*#wrappercode.home #content-wrapper{ background-color:transparent;width:983px;} */ /* . --------------------------------------------- COMMON CLASSES --------------------------------------------- */ a{text-decoration:none;color:#ed1c24;} a:hover{text-decoration:underline;} img{border-width:0px;} input, select{border:1px solid #e5e5e5; background-color:#e5e5e5;padding:3px;font-size:1em;color:#3b3b3b;font-size:11px;} textarea{font-size:11px;} input:hover,select:hover{background-color:#EFEFEF;color:#000;} input[type="image"]:hover{background-color:transparent;} input[type="button"]{border-width:0px; background-color:transparent;} div#wrappercode ul, div#wrappercode ul li{list-style:none; list-style-type:none;} h3{color:#ed1c24;font-size:1.9em;font-family:bauhaus, Arial, Helvetica, sans-serif;clear:both;margin-bottom:10px } h3 span.grey{color:#000;padding-top:10px;display:block;} h4.title-copy, .title-copy {color:#707070;font-size:19px;font-family:bauhaus, Arial, Helvetica, sans-serif;padding:0px 0 5px 0;text-align:left; } p{padding-bottom:10px;} .read-more{padding:0px 0 10px 0px;} .read-more a{background:url(../images/titles/read-more.gif) left center no-repeat;padding:8px 0 5px 30px;font:1.3em bauhaus, Arial, Helvetica, sans-serif; width:75px;} .read-more a:hover{ background-color:transparent;} .content-block.no-bdr{border-bottom-width:0px} .content-block{border-bottom:1px dotted #cbcbcb;padding-bottom:5px;margin-bottom:10px; width:700px; float:left;} ul.list {margin: 10px 0 15px 10px;clear:both;} ul.list li{background:url(../images/others/red-arrow.gif) left 5px no-repeat; padding: 0 0 10px 20px;} ul.list.strong li{font-weight:bold;color:#2E7440;} h4.sub-header{color:#707070;font-size:19px;font-family:bauhaus, Arial, Helvetica, sans-serif;padding:5px 0 0px 35px;text-align:left;background:transparent url(../images/common/sub-header-bg.gif) left top no-repeat;height:21px;} .box-data{padding:10px;border:1px solid #3b3b3b;margin:10px;} #content a:hover{ /*background-color:#ED1C24;color:#fff;*/ text-decoration:none;} .red-txt{color:#e91117;font-size:1.5em;font-family:bauhaus, Arial, Helvetica, sans-serif;} .red-text{color:#e91117;font-size:1.5em;font-family:bauhaus, Arial, Helvetica, sans-serif;} #content-left .block-tagadelic a{color:#707070 !important;} #content-left .block-tagadelic .more-link{clear:both; margin:15px 0 0 0;} #content-left .block-tagadelic .more-link a{color:#ED1C24 !important; clear:both;} /* --------------------------------------------- HEADER --------------------------------------------- */ body#home #header-wrapper{background:transparent url(../images/common/home-header-bg.jpg) center top no-repeat;width:100%;height:154px; position:relative; z-index:9999;} body#inner #header-wrapper{background:transparent url(../images/common/inner-header-bg.jpg) center top no-repeat;width:100%;height:154px; position:relative; z-index:9999;} #header{width:1000px;position:relative;height:155px;margin:0 auto;} #header h1{position:absolute;top:20px;left:20px;} #header h1 a{display:block;text-indent:-9999px;width:165px;height:47px;background:transparent url(../images/common/sprites-common.gif) right top no-repeat;} #header #search-saffola{width:440px;height:25px;position:absolute;top:30px;right:0px;} #search-saffola input#search-box{border-width:0px;background:transparent url(../images/common/iwant.gif) left top no-repeat;width:155px;height:25px;padding:0px 5px 0 220px;float:left;color:#fff;font-size:1.3em;} input#search-btn{float:left;width:20px;height:20px;background:transparent url(../images/common/sprites-common.gif) -303px 3px no-repeat;float:left;margin:4px 0 0 10px;cursor:pointer;border-width:0px;} #header #main-nav{position:absolute;top:103px;left:60px;} #header #main-nav ul li{float:left; height:42px;} #header #main-nav ul li a{margin-right:20px;text-indent:-9999px;display:block;} #header #main-nav ul li a span{float:left;margin-right:15px;} #header #main-nav ul li a.mn1{background:transparent url(../images/common/sprites-common.gif) 0px -68px no-repeat;width:145px;height:36px;} #header #main-nav ul li a.mn1:hover, #header #main-nav ul li a#mn1.mn1.focus{background:transparent url(../images/common/sprites-common.gif) 0px -102px no-repeat;} #header #main-nav ul li a.mn2{background:transparent url(../images/common/sprites-common.gif) -157px -68px no-repeat;width:150px;height:36px;} #header #main-nav ul li a.mn2:hover, #header #main-nav ul li a#mn2.mn2.focus{background:transparent url(../images/common/sprites-common.gif) -157px -102px no-repeat;} #header #main-nav ul li a.mn3{background:transparent url(../images/common/sprites-common.gif) -318px -68px no-repeat;width:168px;height:36px;} #header #main-nav ul li a.mn3:hover, #header #main-nav ul li a#mn3.mn3.focus{background:transparent url(../images/common/sprites-common.gif) -318px -102px no-repeat;} #header #main-nav ul li a.mn4{background:transparent url(../images/common/sprites-common.gif) -497px -70px no-repeat;width:111px;height:36px;} #header #main-nav ul li a.mn4:hover, #header #main-nav ul li a#mn4.mn4.focus{background:transparent url(../images/common/sprites-common.gif) -497px -104px no-repeat;} #header #main-nav ul li a.mn5, #header #main-nav ul li a.mn6{background:transparent url(../images/common/sprites-common.gif) -324px 0px no-repeat;width:109px;height:36px;width:56px;height:12px;display:block;text-indent:-9999px; margin:15px 0 0 0;} #header #main-nav ul li a.mn6{background:url(../images/common/sign-out.gif) right center no-repeat;} #header #main-nav ul li.menu5, #header #main-nav ul li.menu6{width:60px; margin:0 0 0 195px;} #header #sign-in{position:absolute;right:26px;bottom:20px;} #header #sign-in a{background:transparent url(../images/common/sprites-common.gif) -324px 0px no-repeat;width:56px;height:12px;display:block;text-indent:-9999px;} /*MENU*/ .popular-tags {width:180px; float:left;} .popular-tags a{color:#707070; font-family:Tahoma; float:left; margin-right:5px} .megamenu{position:absolute;left:0;top:41px;background:#fff;padding: 10px 10px 20px 25px;font-size:1em;font-family:bauhausb; display:none; width:610px;margin-top:0px;} .megamenu p{font-size:11px;} .megamenu .column{float:left; width: 180px; /*width of each menu column*/ margin-right:25px; min-height:100%; height:100% !important; height:100%;} .megamenu .column.last{margin:0;} .megamenu .column.last h3{margin-bottom:10px;} #header #main-nav .megamenu .column ul.inner-pages li{padding: 0 0 0 0px; display:block; clear:both; width:180px; height:auto;} /*.megamenu .column ul.inner-pages li span{background:transparent url(../images/common/sprites-common.gif) -381px 6px no-repeat; width:6px; height:6px; padding-left:6px;margin-right:8px;}*/ #header #main-nav ul.inner-pages li a{color:#ed1c24; font-family:bauhaus, Arial, Helvetica, sans-serif; font-size:16px; text-indent:0; line-height:1em; height:24px; background:url(../images/common/li-item.gif) 6px 3px no-repeat; padding:0 0 0 22px;} #header #main-nav ul.inner-pages li a.double{height:41px;} .tagadelic.level1{font-size:14px;} .more-link{float:left;text-align:left;padding-top:10px;clear:both;display:block;} .megamenu .column.last a, .more-link a{color:#ED1C24 !important;font-size:12px !important;font-family:tahoma;display:block;} .megamenu .column h3{border-bottom:1px dotted #b2b2b2;padding-bottom:5px;margin-bottom:5px;font-weight:bold;color:#000;background:transparent url(../images/common/li-item.gif) 0px 7px no-repeat;padding-left:15px;font-size:2em;} .megamenu h3.special{font-family:bauhaus, Arial, Helvetica, sans-serif; font-size:16px; color:#707070; padding:0 0 0 18px; line-height:34px; border-bottom:1px dotted #707070; background:url(../images/common/li-item.gif) left 3px no-repeat; height:22px; margin:0 0 4px 0;} #link-block{display:block; position:relative; float:left; z-index:9999;} #link-block > ul span{display:none;} #menu2.megamenu{left:165px;} #menu3.megamenu{left:301px;} #menu4.megamenu{left:324px;} #menu5.megamenu{width:188px; left:707px;font-family:tahoma;} #header #main-nav ul.inner-pages li a{text-indent:0;} #edit-remember-me{ position:relative;padding-top:5px;} #edit-remember-me input{border:1px solid #e5e5e5; background-color:#e5e5e5;padding:3px;font-size:1em;color:#3b3b3b;font-size:11px;} #menu5 .form-item{margin:0px 0 15px 0;clear:both;} .form-item{margin:0;} /*SIGN IN/ SIGN UP*/ /* #sign-block{margin:0 0 0 6px;} #header #main-nav ul#sign-block li{padding-bottom:5px; font:1em "Trebuchet MS", verdana, sans-serif !important; clear:both; color:#7f7f7f; clear:both; float:none; width:100%; height:auto;} #sign-block li#uname input,#sign-block li#password input{width:180px;padding:3px;font-size:1em;} #remember-check span{width:20px;float:left;} #sign-block li#signin-title{background:transparent url(../images/common/sprites-common.gif) -221px -30px no-repeat;width:154px;height:16px;display:block;text-indent:-9999px;} #sign-block li#signin-site{border-bottom:1px dotted #b2b2b2;padding:15px 0;margin-bottom:5px;width:180px;} #sign-block li#signin-site a{background:transparent url(../images/common/sprites-common.gif) 0px -30px no-repeat;width:114px;height:28px;display:block;text-indent:-9999px;} #sign-block li#signup-site a{background:transparent url(../images/common/sprites-common.gif) -115px -30px no-repeat;width:105px;height:28px;display:block;text-indent:-9999px;} #sign-block li a#remember {text-indent:0 !important;float:left;padding:5px; display:inline;} #sign-block li a#forgot{text-indent:0 !important; text-align:left; padding-left:25px;} */ #menu5{text-align:left; font-size:1.1em; color:#7f7f7f;} #menu5 #user-login-form{text-align:left; font-family:"Trebuchet MS"; color:#7f7f7f;} #menu5 label{margin:0 0 5px 0; clear:both; display:block;} #edit-name-1, #edit-pass-1, #edit-name, #edit-pass{width:180px;padding:5px;font-size:1.1em;} #menu5 .option label{color:#ED1C24} #edit-submit-3, #edit-submit-2{background:transparent url(../images/common/sprites-common.gif) 0px -30px no-repeat;width:114px;height:28px;display:block;text-indent:-9999px; font-size:0; border:none; cursor:pointer} #menu5 .item-list{display:none;} #menu5 #user-login-form{margin:0 0 10px 0;} #menu5 .reg-now{border-top:1px dotted #b2b2b2; display:block; margin:10px 0 0 0; padding:10px 0 0 0;} #menu5 .reg-now a{background:transparent url(../images/common/sprites-common.gif) -115px -30px no-repeat;width:105px;height:28px;display:block;text-indent:-9999px;} /* --------------------------------------------- FOOTER --------------------------------------------- */ #footer-wrapper{width:100%;height:217px;float:left;background:transparent url(../images/common/footer-bg.jpg) center bottom repeat-x;padding-top:0px;} #footer{width:1000px;margin:0 auto;background:transparent url(../images/common/footer-bg.gif) center top repeat-x;position:relative;height:207px; font-size:10px; font-family:Tahoma;} #footer #footer-nav{position:absolute;left:7px;top:25px;} #footer #footer-nav li{float:left;padding:0 5px;font-size:1em;/*background:transparent url(../images/common/li-divider.gif) right 3px no-repeat;*/} #footer #footer-nav li.last{background-image:none;} #footer #footer-nav li a{padding:0 3px;color:#252525;text-transform:uppercase;} #footer #footer-nav li a:hover{background-color:#e9161c;color:#fff;text-decoration:none;} body#home #footer #fb-twitter{position:absolute;left: 690px;top:80px;font-family:'Trebuchet MS'; font-size: 11px;color:#252525} body#inner #footer #fb-twitter{position: absolute; left: 690px; top: 80px; font-family: 'Trebuchet MS'; font-size: 11px;color:#252525} body#home #footer #footer-nav2{position:absolute;left:3pxpx;top:75px;} body#inner #footer #footer-nav2, body#heart-app #footer #footer-nav2{position:absolute;left:12px;top:99px;} body#home #footer #footer-nav2{position:absolute;left:3pxpx;top:75px;} body#inner #footer #footer-nav2, body#heart-app #footer #footer-nav2{position:absolute;left:12px;top:99px;} #footer #footer-nav2 li{float:left;padding: 0 20px 0 0; background: url(../images/common/li-divider2.gif) 93% center no-repeat;} #footer #footer-nav2 li:last-child, #footer #footer-nav2 li.last{background:none;} #footer #footer-nav2 li a{padding:0 3px;color:#252525;text-transform:uppercase;} #footer #footer-nav2 li a:hover{background-color:#e9161c;color:#fff;text-decoration:none;} #share-nav{font-size:10px;} body#home #footer #share-nav{position:absolute;right:0;top:18px;} body#inner #footer #share-nav, body#heart-app #footer #share-nav{position:absolute;left:8px;top:45px;} #footer #share-nav li{font-size:1.1em;color:#252525;display:block;width:auto;float:left;padding-right:20px;margin-right:0px;text-transform:uppercase;line-height:30px;float:left; font-size:11px;} #footer #share-nav li{display:block;} #footer #share-nav li#bookmark span{background:transparent url(../images/common/sprites-common.gif) -412px 0px no-repeat;width:26px;height:20px;float:left;margin:5px;} #footer #share-nav li#share span{background:transparent url(../images/common/sprites-common.gif) -438px -1px no-repeat;width:25px;height:19px;float:left;margin:5px;} #footer #share-nav li#bookmark a, #footer #share-nav li#share a{color:#252525;} p#marico{text-transform:uppercase; font-size:10px;} body#home #footer p#marico{position:absolute;left:4px;top:47px;color:#252525;line-height:150%; } body#inner #footer p#marico, body#heart-app #footer p#marico{position:absolute;top:77px; left:15px; color:#252525;line-height:150%;} #footer p#marico span{width:23px;height:20px;margin-right:8px;background:transparent url(../images/common/sprites-common.gif) -389px -3px no-repeat;float:left;} #footer #footer-blurbs{position:absolute;right:13px;top:25px; width:242px;} #footer #footer-blurbs li{float:left;} #footer #footer-blurbs li a{display:block;text-indent:-9999px;} #footer #footer-blurbs li a#footer-blurb1{width:75px;height:46px;background:transparent url(../images/common/footer-blurbs.png) left top no-repeat;margin-right:20px; _background:transparent url(../images/common/footer-blurbs.gif) left top no-repeat;} #footer #footer-blurbs li a#footer-blurb2{width:76px;height:50px;background:transparent url(../images/common/footer-blurbs.png) -79px 0 no-repeat;margin-right:30px;_background:transparent url(../images/common/footer-blurbs.gif) -79px 0 no-repeat;} #footer #footer-blurbs li a#footer-blurb3{width:41px;height:41px;background:transparent url(../images/common/footer-blurbs.png) -154px 0 no-repeat; _background:transparent url(../images/common/footer-blurbs.gif) -154px 0 no-repeat;} #footer p#webchutney{ text-align:left; width:300px; position:absolute; left:10px; font-size:10px; color:#252525; text-transform:uppercase;} body#home #footer p#webchutney{top:100px;left:4px;} body#inner #footer p#webchutney, body#heart-app #footer p#webchutney{top:120px; left:14px;} #footer p#webchutney a{width:85px; height:14px; background:url(../images/common/webchutney-logo.gif) center no-repeat; display:inline;} #footer p#webchutney a:hover{text-decoration:none;} #footer p#webchutney a span{visibility:hidden; width:85px; height:14px; padding:0 5px;} /* --------------------------------------------- HOME PAGE --------------------------------------------- */ #slide-show-wrapper{width:972px;height:384px;float:left;position:relative;} #slide-show-wrapper #graphic{background:transparent url(../images/home/slider-graphic.png) 0 top repeat-x;position:absolute;bottom:-15px;left:0px;display:block;width:972px;height:35px;z-index:300;} #slide-show-wrapper #graphic{_background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://webchutney.net/saffola/images/common/slider-graphic.png", sizingMethod="crop");} #slide-show-wrapper #graphic{_background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://webchutney.net/saffola/images/common/slider-graphic.png", sizingMethod="crop");} .block #home-blurbs{width:972px;height:109px;margin:41px 0 0 65px;clear:both;float:left; padding:0;} #home-blurbs li{float:left;} #home-blurbs li a{display:block;text-indent:-9999px;} #home-blurbs li a#blurb1{width:193px;height:84px;background:transparent url(../images/common/sprites-common.gif) -0px -145px no-repeat;margin:0 80px 0 10px;} #home-blurbs li a#blurb2{width:129px;height:75px;background:transparent url(../images/common/sprites-common.gif) -193px -158px no-repeat; margin:10px 70px 0 16px;} #home-blurbs li a#blurb3{width:171px;height:78px;background:transparent url(../images/common/sprites-common.gif) -322px -155px no-repeat; margin:0 25px 0 0;} #home-blurbs li a#blurb4{width:131px;height:72px;background:transparent url(../images/common/sprites-common.gif) -504px -158px no-repeat;margin:15px 47px 0 43px; } #home-blurbs li a#blurb5{width:112px;height:92px;background:transparent url(../images/common/sprites-common.gif) 42px -230px no-repeat; float:right; margin-top:0px;} /*.content{background:#fff;padding: 20px 10px;font-size:1.5em;font-family:bauhausb;z-index: 100;left:20px;top:50px;z-index: 1010;display:none;position:absolute;} */.menu1-content {} #servicesdropped2 { display:none; text-align:left; position:absolute; background:#172323; font-size:12px; width:190px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #000; margin:10px 0 0 120px; padding:10px 20px 20px; z-index: 100;} /*ERROR MESSAGES*/ .messages{margin:5px 0;clear:both;} .messages.status {padding:5px;margin:3px 3px 3px 0px ;border:3px solid #EB0008;} .messages.error {padding:5px;margin:3px 3px 3px 0px ;border:3px solid #EB0008;} .messages.error ul li {background:url(../images/common/li-bg2.gif) 0 8px no-repeat;padding:3px 0 3px 10px;background-color:#E5E5E5;} .messages.status {width:960px !important;} .messages.error {width:960px !important;} div.error, tr.error {background-color:#E5E5E5} .my_ok_errs{padding:5px;margin:3px 3px 3px 0px;border:3px solid #EB0008;} /* --------------------------------------------- INNER PAGES --------------------------------------------- */ body#inner #content-wrapper #page-header{float:left;width:972px;height:235px;position:relative;margin:0 0 15px 0} body#inner #content-wrapper .banner{float:left;width:972px;height:225px;} body#inner #content-wrapper #page-header #bread-crumbs{height:39px;width:972px;clear:both;position:relative;bottom:10px;} body#inner #content-wrapper #page-header #bread-crumbs div{background:transparent url(../images/others/bread-crumbs-bg.png) -3px top repeat-x; height:39px;width:972px; display:block; position:absolute; left:0; top:0; z-index:1;} body#inner #content-wrapper #page-header #bread-crumbs div{_background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://webchutney.net/saffola/images/common/slider-graphic.png", sizingMethod="crop");} /*HEADER IMAGES*/ body#inner #content-wrapper .banner.cholesterol-hdr a{background:url(../images/headers/cholesterol.jpg) left top no-repeat;width:972px;height:235px;display:block;} body#inner #content-wrapper .banner.obesity-hdr a{background:url(../images/headers/obesity.jpg) left top no-repeat;width:972px;height:235px;display:block;} body#inner #content-wrapper .banner.diabetes-hdr a{background:url(../images/headers/diabetes.jpg) left top no-repeat;width:972px;height:235px;display:block;} body#inner #content-wrapper .banner.exercise-corner-hdr2 a{background:url(../images/headers/exercise-corner.jpg) left top no-repeat;width:972px;height:235px;display:block;} body#inner #content-wrapper .banner.healthy-hdr a{background:url(../images/headers/healtyliving.jpg) left top no-repeat;width:972px;height:235px;display:block;} body#inner #content-wrapper .banner.hypertension-hdr a{background:url(../images/headers/hypertension.jpg) left top no-repeat;width:972px;height:235px;display:block;} body#inner #content-wrapper .banner.recipe-corner-hdr a{background:url(../images/headers/recipe-corner.jpg) left top no-repeat;width:972px;height:235px;display:block;} body#inner #content-wrapper .banner.smoking-hdr a{background:url(../images/headers/smoking.jpg) left top no-repeat;width:972px;height:235px;display:block;} #content-wrapper #page-header #bread-crumbs ul {padding:10px 10px 10px 10px; position:absolute; top: 0; left:0; z-index:1000; display:block;} #content-wrapper #page-header #bread-crumbs ul li{float:left;background:transparent url(../images/common/breadcrumbs-li-bg.gif) right 5px no-repeat;padding:0 10px;font-size:0.9em;} #content-wrapper #page-header #bread-crumbs ul li.last{background-image:none !important;} #content-wrapper #page-header #bread-crumbs ul li a{color:#fff;} .left-block ul.section-title{padding-bottom:10px;} .left-block ul.section-title li{padding-bottom:2px;} .left-block ul.section-title li a.section-title{} .left-block ul.section-title li a.section-title:hover{} /*MENU-LEFT*/ .left-block.inner-pages ul.menu{padding:0 0 10px 0;margin:0;} .left-block.inner-pages ul.menu li{list-style:none !important;margin:0;} .left-block.inner-pages ul.menu li a{color:#fff;font-family:bauhaus, Arial, Helvetica, sans-serif;display:block;width:148px;height:18px;padding:6px 0 0 12px;background:transparent url(../images/common/sprites-common.gif) -479px -262px no-repeat;text-align:left;font-size:1.2em; overflow:hidden;} .left-block.inner-pages ul li a:hover{display:block;background:url(../images/common/sprites-common.gif) -479px -238px no-repeat;text-align:left;font-size:1.2em;} .left-block.inner-pages ul li a.active{display:block;background:url(../images/common/sprites-common.gif) -479px -238px no-repeat;text-align:left;font-size:1.2em;} .left-block.inner-pages ul.menu li ul.menu{padding:10px 0px 5px 0;} .left-block.inner-pages ul.menu.menu li ul.menu li{padding:0px 5px 0px 10px;background:url(../images/common/li-item.gif) 3px 10px no-repeat;list-style:none !important;display:block;clear:both;} .left-block.inner-pages ul.menu li ul.menu li a{color:#707070; background-image:none;display:block; height:auto !Important;} .left-block.inner-pages ul.menu li ul.menu li a:hover{background-image:none;} /*CHOLESTEROL*/ #divide-block{width:725px;border-bottom:1px dotted #d4d4d4;margin-bottom:20px;padding-bottom:10px;float:left;} #left-block{float:left;width:360px;margin-right:25px; } #right-block{float:left;width:335px;} #content-left h2{font-size:1.9em;font-family:bauhaus, Arial, Helvetica, sans-serif;margin-bottom:5px;color:#ED1C24} body#inner #content-left .left-block{border-bottom:1px dotted #d4d4d4;clear:both;width:160px;position:relative; padding:10px 0;} body#inner #content-left .left-block.block-tagadelic, body#inner #content-left .left-block.block-user,.left-block.diabetes{border-bottom:0px dotted #d4d4d4 !important;clear:both;} body#inner #content-left .left-block.diabetes{padding:10px 0 0 0;} #content-left .left-block h4,#content-left .left-block h4 a{font:1.1em bauhaus, Arial, Helvetica, sans-serif;display:block;color:#7d7d7d} #content-left .left-block.ask-expert{float:left;height:80px;padding:0px 0 0 0 !important} #content-left .left-block.ask-expert a{width:145px;height:80px;float:left;background:url(../images/titles/expert.jpg) left top no-repeat;position:relative;display:block;text-indent:-9999px;} /*#content-left .left-block.ask-expert a span{font:1.4em bauhaus, Arial, Helvetica, sans-serif;display:block;padding:0px 0 0 40px;} */#content-left .left-block.tips h4 a{background:url(../images/others/tips.gif) left center no-repeat;padding:5px 0 5px 40px;font:1.4em bauhaus, Arial, Helvetica, sans-serif;display:block;} #content-left .left-block.do-dont h4 a{background:url(../images/titles/do.gif) left center no-repeat;padding:5px 0 5px 40px;font:1.4em bauhaus, Arial, Helvetica, sans-serif;display:block;} #content-left .left-block.free-meals a{background:url(../images/titles/free-meals.gif) left center no-repeat;padding:5px 0 5px 40px;font:1.4em bauhaus, Arial, Helvetica, sans-serif;display:block;text-indent:-9999px;height:47px;} #right-block #tv{margin-bottom:5px;;} #content-left .left-block.obesity a{background:url(../images/titles/obesity.gif) left center no-repeat;padding:5px 0 5px 40px;font:1.4em bauhaus, Arial, Helvetica, sans-serif;display:block;text-indent:-9999px;height:47px;} #content-left .left-block.diabetes a{background:url(../images/titles/diabetes.gif) left center no-repeat;padding:5px 0 5px 40px;font:1.4em bauhaus, Arial, Helvetica, sans-serif;display:block;text-indent:-9999px;height:47px;} #content-left .left-block.hypertension a{background:url(../images/titles/hypertension.gif) left center no-repeat;padding:5px 0 5px 40px;font:1.4em bauhaus, Arial, Helvetica, sans-serif;display:block;text-indent:-9999px;height:47px;} .cholesterol-title{background:url(../images/titles/cholesterol-library.gif) left 0px no-repeat;padding:8px 0 15px 50px;font-size:1.7em;} .cholesterol-tv{background:url(../images/titles/tv.gif) left 0px no-repeat;padding:8px 0 25px 40px;font-size:1.7em;}.cholesterol-tv{background:url(../images/titles/tv.gif) left 0px no-repeat;padding:8px 0 25px 40px;font-size:1.7em;} .articles-title{background:url(../images/titles/articles.gif) left 0px no-repeat;padding:12px 0 15px 90px;font-size:1.7em;height:19px} .self-d{background:url(../images/titles/self-d.gif) left 0px no-repeat;padding:3px 0 5px 40px;font-size:1.7em;height:19px} .md{background:url(../images/titles/md.gif) left 0px no-repeat;padding:4px 0 10px 40px;font-size:1.7em;height:19px;} #rice .md{color:#2E7440;font-size:2.3em;background-image:none;padding:0} #first-step{background:url(../images/titles/first-step.gif) left 5px no-repeat;padding:13px 0 25px 115px;} #second-step{background:url(../images/titles/second-step.gif) left 5px no-repeat;padding:13px 0 25px 150px;} /*RECIPE*/ #recipe-titles{border-bottom:1px dotted #707070;width:700px;float:left;padding-bottom:20px;margin:20px 0; } #recipe-titles p{margin-right:80px; background:url(../images/others/tick.gif) left center no-repeat;padding:12px 0 10px 50px;float:left;font:1.6em bauhaus, Arial, Helvetica, sans-serif;color:#E91117;} #condition-block{float:left;width:250px;} #condition-block .condition-item{padding-left:50px;width:200px;margin-bottom:10px;float:left;background:url(../images/others/arrow-recipebg.gif) left top no-repeat;height:31px;margin-bottom:20px !important; margin-bottom:5px;} #condition-block .condition-item.green{background:url(../images/others/arrow-recipebg.gif) left -130px no-repeat;} #condition-block .condition-item.green h3{color:#3cb878 !important; cursor:pointer} #condition-block .condition-item h3{font:1.6em bauhaus, Arial, Helvetica, sans-serif;margin-bottom:3px;} /*RECIPE BGS HOVER*/ #recipe-block{float:left;width:440px;} #recipe-block.inner{width:690px;} #recipe-block.inner ul{width:690px;} #recipe-block ul{float:left;width:450px;} #recipe-block ul li{padding:0 0px 15px 20px;float:left;cursor:pointer;} #recipe-block ul li span{width:190px;height:65px;display:block;text-indent:-9999px;float:left;} #recipe-block ul li span.breakfast{background:url(../images/recipe/breakfast.gif) right 15px no-repeat;} #recipe-block ul li.green span.breakfast{background:url(../images/recipe/breakfast2.gif) left 15px no-repeat;} #recipe-block ul li span.snacks{background:url(../images/recipe/snacks.gif) right top no-repeat;} #recipe-block ul li.green span.snacks{background:url(../images/recipe/snacks2.gif) left top no-repeat;} #recipe-block ul li span.dessert{background:url(../images/recipe/dessert.gif) right top no-repeat;} #recipe-block ul li.green span.dessert{background:url(../images/recipe/dessert2.gif) left top no-repeat;} #recipe-block ul li span.maincourse-nonveg{background:url(../images/recipe/non-veg.gif) right top no-repeat;} #recipe-block ul li.green span.maincourse-nonveg{background:url(../images/recipe/non-veg2.gif) left top no-repeat;} #recipe-block ul li span.maincourse-veg{background:url(../images/recipe/veg.gif) right top no-repeat;} #recipe-block ul li.green span.maincourse-veg{background:url(../images/recipe/veg2.gif) left top no-repeat;} #recipe-block ul li span.salads{background:url(../images/recipe/salad.gif) right top no-repeat;} #recipe-block ul li.green span.salads{background:url(../images/recipe/salad2.gif) left top no-repeat;} #recipe-block ul li span.beverage{background:url(../images/recipe/beverage.gif) right top no-repeat;} #recipe-block ul li.green span.beverage{background:url(../images/recipe/beverage2.gif) left top no-repeat;} #recipe-block ul li a{width:190px;height:50px;display:block;text-indent:-9999px;float:left;} #recipe-block ul li a.breakfast{background:url(../images/recipe/breakfast.gif) right top no-repeat;} #recipe-block ul li a.breakfast:hover{background:url(../images/recipe/breakfast2.gif) left top no-repeat;} #recipe-block ul li.green a.breakfast{background:url(../images/recipe/breakfast2.gif) left top no-repeat;} #recipe-block ul li a.snacks{background:url(../images/recipe/snacks.gif) right top no-repeat;} #recipe-block ul li a.snacks:hover{background:url(../images/recipe/snacks2.gif) left top no-repeat;} #recipe-block ul li.green a.snacks{background:url(../images/recipe/snacks2.gif) left top no-repeat;} #recipe-block ul li a.dessert{background:url(../images/recipe/dessert.gif) right top no-repeat;} #recipe-block ul li a.dessert:hover{background:url(../images/recipe/dessert2.gif) left top no-repeat;} #recipe-block ul li.green a.dessert{background:url(../images/recipe/dessert2.gif) left top no-repeat;} #recipe-block ul li a.non-veg{background:url(../images/recipe/non-veg.gif) right top no-repeat;} #recipe-block ul li a.non-veg:hover{background:url(../images/recipe/non-veg2.gif) left top no-repeat;} #recipe-block ul li a.veg{background:url(../images/recipe/veg.gif) right top no-repeat;} #recipe-block ul li a.veg:hover{background:url(../images/recipe/veg2.gif) left top no-repeat;} #recipe-block ul li.green a.non-veg{background:url(../images/recipe/non-veg2.gif) left top no-repeat;} #recipe-block ul li a.salad{background:url(../images/recipe/salad.gif) right top no-repeat;} #recipe-block ul li a.salad:hover{background:url(../images/recipe/salad2.gif) left top no-repeat;} #recipe-block ul li.green a.salad{background:url(../images/recipe/salad2.gif) left top no-repeat;} #recipe-block ul li a.beverage{background:url(../images/recipe/beverage.gif) right top no-repeat;height:65px;} #recipe-block ul li a.beverage:hover{background:url(../images/recipe/beverage2.gif) left top no-repeat;} #recipe-block ul li.green a.beverage{background:url(../images/recipe/beverage2.gif) left top no-repeat;} /*ul#conditions-types{width:630px; padding:15px; float:left;} ul#conditions-types li{float:left; margin-left:30px;} ul#conditions-types li:first-child{margin:0;} ul#conditions-types li h4{height:20px; font-size:17px;} ul#conditions-types li h4 a{font-size:17px; font-family:bauhaus, Arial, Helvetica, sans-serif; line-height:1em; height:20px;} ul#conditions-types li h4 a:hover{color:#707070} ul#conditions-types li span{font-size:0.9em; clear:both; display:block;}*/ ul#conditions-types{width:700px;padding-top:15px;float:left; margin:0 0 10px 0;} ul#conditions-types li{float:left;margin-left:30px; display:block;} ul#conditions-types li.first, ul#conditions-types li:first-child{margin:0; background:none;} ul#conditions-types li h4{font:1.5em bauhaus, Arial, Helvetica, sans-serif;height:20px;} ul#conditions-types li h4{*width:auto; *float:left; *clear:both;} ul#conditions-types li h4 a{*font:normal 0.9em bauhaus, Arial, Helvetica, sans-serif; *height:20px; display:block;float:left;border:1px solid #fff} ul#conditions-types li h4 a:hover{color:#707070} ul#conditions-types li span{font-size:0.9em; clear:both; display:block;} /*---- mandar ----*/ .accordion-wrapper h3{cursor:pointer;} .accordion-wrapper .md {color:#707070;} .accordion-wrapper .active {background:url(../images/titles/self-d.gif) left top no-repeat!important; color:#ff0000!important;} .accordion-wrapper .accordion{display:none;} .accordion-wrapper .accordion .inner {margin: 0 0 0 13px;} .doted-line{background:url(../images/others/line.gif) left top repeat-x; padding: 8px;} .title-copy2{color:#707070;font-size:19px;font-family:bauhaus, Arial, Helvetica, sans-serif;padding:10px 0;text-align:left; } .title-copy2 span {font-size: 13px!important; line-height:18px;} .subheading {font:bold 12px Tahoma, Arial, Helvetica, sans-serif; padding-bottom: 10px!important; background:url(../images/others/red-arrow.gif) left 2px no-repeat; padding-left: 20px!important;color:#707070!important;} .subheading span {font-weight: normal!important; line-height:18px;} .bold {font-weight:bold;} /*----- Cholesterol FAQ ------*/ .faq-title{background:url(../images/titles/title-arrow.gif) left top no-repeat; padding:0 0 35px 38px;font-size:1.7em;} .faq-ansque {width:695px;font:normal 12px Tahoma, Arial, Helvetica, sans-serif; color:#707070;} .faq-ansque h4 {background:url(../images/others/questionmark.gif) left top no-repeat; padding:5px 0 22px 38px; color:#ff0000; font-weight:bold; cursor:pointer;} .faq-ansque .ans {background:url(../images/others/ans.gif) left top no-repeat; padding:0 0 12px 66px; min-height:40px; line-height:18px; display: none;} /*----- Cholesterol quiz ------*/ .content-block .question-content {background:url(../images/others/questionmark.gif) left top no-repeat; padding:5px 0 10px 38px; min-height:25px; font:bold 15px Tahoma, Arial, Helvetica, sans-serif; color:#e91117;} /* .content-block {margin-top: 15px;} */ .content-block .quiz-option-content {margin-left: 35px;} .content-block .quiz-option-content .option {font-weight:bold; color:#ed1c24;} .content-block .quiz-option-content td {height: 28px;} .quiz-content #submit { clear:both; border: none!important; background:none!important; float:left;} .quiz-content .note {float:left; width: 400px; margin-left: 50px; font-weight:bold;} .quiz-content .correct-ans {color:#006600!important; font-weight:bold!important;} .quiz-content .wrong-ans {color:#FF0000!important; font-weight:bold!important;} /*----- hypertension DIAGNOSIS ------*/ .blood-pressure { margin-bottom: 15px;} .blood-pressure td { height: 30px; text-align:center; border:1px solid #f0f0f0;} .blood-pressure th { height: 35px; font: bold 15px Arial, Helvetica, sans-serif; border:1px solid #f0f0f0; padding: 5px;} .table-content { width: 600px; margin: 10px 0;} .table-content th { background: #f6f6f6; font-weight: bold; color: #000; height: 30px; border: 1px solid #ccc!important; padding:5px;} .table-content td { height: 25px; border: 1px solid #ccc!important; padding:5px;} /*----- MYTHS - FACTS ------*/ .myth{background:url(../images/others/myth.gif) left top no-repeat; padding:5px 0 22px 65px; color:#ff0000; font-weight:bold; cursor:pointer;font-size:1.1em;font-family:bauhaus, Arial, Helvetica, sans-serif;} .facts {background:url(../images/others/fact.gif) left top no-repeat; padding:0 0 22px 66px; min-height:40px; line-height:18px;} /*EAT RIGHT*/ #er-landing{ background:url(../images/eat-right/landing-blockbg.gif) left 18px no-repeat;width:700px;} #er-landing h4, #er-landing p{padding-left:80px} #er-left-block{width:310px;margin:7px 45px 0 0;float:left;} #er-right-block{width:340px;float:left;margin-top:0px;} h3.recipe-corner{background:url(../images/titles/recipe-corner.gif) left 0px no-repeat;padding:20px 0 5px 80px;font-size:1.7em;height:33px} h4.do{width:93px;height:15px;background:url(../images/common/do.gif) left center no-repeat; text-indent:-9999px;padding:10px 0;} h4.dont{width:114px;height:20px;background:url(../images/common/dont.gif) left center no-repeat; text-indent:-9999px;padding:10px 0;} .er-right{background:url(../images/others/exercise-right.gif) left 0px no-repeat;padding:20px 0 5px 60px;height:42px;} .er-right2{background:url(../images/others/exercise-right2.gif) left center no-repeat;padding:20px 0 5px 80px;height:23px;} /*------Shuklendu-----*/ /*----- BREAKFAST ------*/ .table-style {margin:0 0 15px 0;} .table-style td{padding:5px;} .ingredient, .amount, .cook-time, .serv-size, .method, h4.sub-head{background:url(../images/others/recipe-sprites.gif) no-repeat;} .ingredient, .amount, .method, h4.sub-head{text-indent:-9999px; height:32px; line-height:32px;} .ingredient{background-position:0 5px;} .amount{background-position:0 -65px;} .method{background-position:0 -139px; display:block; margin:20px 0 15px 0; clear:both; display:block; } .table-style td.cook-time{background-position:0 -342px; padding:5px 0 5px 35px; height:32px; line-height:32px;} .table-style td.serv-size{background-position:0 -400px; padding:5px 0 5px 35px; height:32px; line-height:32px;} .cook-time span, .serv-size span{color:#e91117;} .recipe-table{float:left;} .recipe-table td{font-weight:bold;} .orange-text{color:#f26522;} .red-text{color:#ff0000;} .recipe-photo{vertical-align:top;} .recipe-photo img{width:161px; height:161px;} h4.sub-head{background-position:0 -465px; padding-left:0; margin:20px 0 15px 0; clear:both; display:block;} img.flir-image{width:auto !important; height:auto !important;} .nutri-info{margin:0 0 15px 0; width:700px; float:left;} .nutri-block{width:100px; float:left; margin:0 15px 0 0; padding:95px 0 0 0; text-align:center; background:url(../images/others/nutri-bg.gif) center top no-repeat; color:#f26522; font-weight:bold; position:relative;} .nutri-block p.value{position:absolute; top:30px; left:0; width:100px; font-size:24px; font-family:bauhaus, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:normal; text-align:center;} .big-text{font-size:18px; font-weight:normal;} .note-block{display:block; clear:both; padding:0 0 0 105px; background:url(../images/others/note-tip.gif) left top no-repeat; margin:15px 0; min-height:60px; height:auto !important; height:60px;} .bold{font-weight:bold;} .megamenu img.flir-image{width:auto !important; height:auto !important;} /*-----EXPERT-----*/ .ask-tip{display:block; height:115px; text-indent:-9999px; background:url(../images/others/ask-tip.gif) left top no-repeat; margin:15px 0 0 0;} .form-table td{vertical-align:top;} .form-table td label{font-size:16px; color:#7d7d7d; font-weight:bold;} h4.exp-head{font-size:19px; color:#707070; padding:5px 0 0 45px; margin:20px 0 10px 0; background:url(../images/others/icon-files.gif) left top no-repeat; min-height:37px; height:auto !important; height:37px; vertical-align:middle; font-weight:normal;} h3.dial-title{height:118px; text-indent:-9999px; background:url(../images/others/dial-a-dietician.gif) left top no-repeat;} h3.dial-title img{display:none;} /*Health conditions Managements*/ div.icon-heart{width:120px; height:85px; float:left; ; background:url(../images/others/icon-htension.gif) no-repeat;} div.info-heart{width:550px; float:left;} .content-block.hypertension .icon-heart{background-position:40px 5px;} .content-block.hcholesterol .icon-heart{background-position:-110px 5px;} .content-block.diabetes .icon-heart{background-position:-210px 5px;} .content-block.smoking .icon-heart{background-position:-370px 18px;} .obecity-block{width:700px;} .obecity-block .icon-heart{background-position:-480px 5px;} span.mgmt-hd{color:#ed1c24;font-size:18px;font-family:bauhaus, Arial, Helvetica, sans-serif;} span.mgmt-hd.fix img{margin:0 0 -4px 0;} /*PRODUCT*/ #prod-landing{width:550px; padding:0 0 20px 150px; float:left; min-height:130px; height:auto !important; height:130px; background:url(../images/others/icon-heart.gif) left 5px no-repeat;} #oil-gold, #rice, #prod-chol, #sault, #oil-new, #oil-tasty, #oil-active, #prod-diabetics{width:480px;float:left;padding-right:220px; background:url(../images/others/saffola-oil.gif) right 35px no-repeat; margin:0 0 15px 0; min-height:290px; height:auto !important; height:290px;} .clear-div{clear:both;} .twocol-div{width:320px; float:left; margin:0 30px 0 0;} h3.comhd, h3.newshd, h3.q-mark, h3.bowlhd{font-size:1.7em; height:24px; line-height:24px; padding:12px 0 10px 40px; background:url(../images/others/icon-commercial.gif) left top no-repeat;} h3.newshd{background:url(../images/others/icon-news.gif) left top no-repeat; padding:12px 0 0 60px;} ul.list-com{margin:0 0 15px 0;} ul.list-com li{padding:0 0 5px 40px; background:url(../images/others/bullete-com.gif) 7px 3px no-repeat;} ul.list-com li a{font-weight:bold; color:#a9a9a9; line-height:18px;} #arice{background:url(../images/others/suffola-arice.jpg) 480px 0px no-repeat; position:relative;padding-right:250px} #arice p span{color:#e91117;font-weight:bold;} h3.q-mark{background:url(../images/others/q-mark.gif) left top no-repeat; padding:7px 0 10px 35px;} h3.bowlhd{background:url(../images/others/icon-bowl.gif) left top no-repeat; padding:7px 0 10px 45px;} h4.faqs-hd{background:url(../images/others/faqs.gif) left top no-repeat; height:45px; text-indent:-9999px; margin:20px 0 10px 0;} h4.faqs-hd img{display:none;} h4.pot, h4.cooker, h4.oven{background:url(../images/others/icons-rice.gif) no-repeat; padding:10px 0 10px 55px;} h4.pot{background-position:0 2px;} h4.cooker{background-position:0 -75px;} h4.oven{background-position:0 -154px;} .prod-faq h4{color:#a0a09f;} p#arise-external{position:absolute;top:280px;right:0;width:200px;text-align:center;} #prod-chol{background:url(../images/others/saffola-cholestmgmt.jpg) right 40px no-repeat; position:relative;} h4.tip-tech, h4.formulation, h4.str-heart, h4.ff-hd{height:55px; text-indent:-9999px; margin:20px 0 10px 0; background:url(../images/others/tip-ingredients.gif) left top no-repeat;} h4.ff-hd{background:url(../images/others/saffola-ffhd.gif) left top no-repeat; clear:both;} h4.tip-tech img, h4.formulation img{display:none;} #prod-chol h4.str-heart{height:140px; background:url(../images/others/strong-heart-banner.gif) left top no-repeat;} #prod-chol p.str-heart{height:51px; display:block; background:url(../images/others/strheart-info.gif) 27px top no-repeat; text-indent:-9999px;} #prod-chol a.str-heart{height:92px; text-indent:-9999px; background:url(../images/others/take-challenge.gif) 28px top no-repeat; display:block;} a.order{position:absolute; top:278px; right:-20px; width:153px; height:38px;padding:0 0 0 60px; line-height:32px; color:#f0585c; font-weight:bold; display:block; background:url(../images/others/icon-order.gif) left top no-repeat;font-size:1.5em;} #prod-chol a.order{top:278px;} #rice a.order{top:235px;} #arice a.order{top:238px;} #prod-chol ul.mp{margin:15px 0;} #prod-chol ul.mp li{height:46px; padding:0 0 10px 70px; line-height:46px; color:#7a7a7a; font-size:18px;} #prod-chol ul.mp li.natural{background:url(../images/others/icon-nature.gif) 5px top no-repeat;} #prod-chol ul.mp li.veg{background:url(../images/others/icon-veg.gif) 5px 7px no-repeat;} #prod-chol ul.mp li.family{background:url(../images/others/icon-family.gif) 5px top no-repeat;} #prod-chol ul.mp li.help{background:url(../images/others/icon-helpcol.gif) 5px top no-repeat;} div#wrappercode ul#sff li{color:#707070;} #sault{background:url(../images/others/suffola-sault.jpg) right 35px no-repeat;} h4.qmark{padding:10px 0 10px 35px; background:url(../images/others/questionmark.gif) left 3px no-repeat;} #oil-new{background:url(../images/others/suffola-new.jpg) right 45px no-repeat;} h4.formulation{background:url(../images/others/formulation-hd.gif) left no-repeat;} #oil-tasty{background:url(../images/others/suffola-tasty.jpg) right 45px no-repeat;} #oil-active{background:url(../images/others/suffola-active.jpg) right 45px no-repeat;} ul.prod-gallery{width:700px; float:left; margin:15px 0 0 0;} ul.prod-gallery li{float:left; margin:0 25px 40px 0;} ul.prod-gallery li a{text-indent:-9999px; width:150px; height:181px; display:block; background-position:center; background-repeat:no-repeat;} ul.prod-gallery li a.gold{background:url(../images/others/prod-gold.jpg);} ul.prod-gallery li a.tasty{background:url(../images/others/prod-tasty.jpg);} ul.prod-gallery li a.new{background:url(../images/others/prod-new.jpg);} ul.prod-gallery li a.active{background:url(../images/others/prod-active.jpg);} ul.prod-gallery li a.rice{background:url(../images/others/prod-rice.jpg);} ul.prod-gallery li a.salt{background:url(../images/others/prod-salt.jpg);} ul.prod-gallery li a.colmg{background:url(../images/others/prod-colmgmt.jpg);} ul.prod-gallery li a.diabetics{background:url(../images/others/prod-diabetics.jpg);} .faq-ansque.scm .ans{display:block;} #prod-diabetics{background:url(../images/others/suffola-diabetics.jpg) right 45px no-repeat;} h3.healthy-hd{background:url(../images/others/icon-apple.gif) left top no-repeat; padding:15px 0 0px 60px; height:37px} .assess-u{padding:10px 0 0 60px; width:640px; float:left; background:url(../images/others/icon-lence.gif) left 18px no-repeat;} h3.er-hd, h3.er2-hd{height:50px; padding:12px 0 0 75px; background-position:0 0;} h3.er-hd{background:url(../images/others/icon-eatright.gif) no-repeat;} h3.er2-hd{background:url(../images/others/icon-exerciseright.gif) no-repeat; padding:12px 0 0 60px;} .thick-outer{display:none;} .video_content {width: 302px; display:block; float:left; height: 212px; background-color:#ffffff; position:absolute; left:15px; top:2px;} #TB_ajaxContent{position:relative;} #content .dial-diet { background:url(../images/others/dial-a-dietician.gif) 460px top no-repeat; padding-bottom: 15px;} #content .dial-diet h4 { width: 455px;} /* HEART AGE*/ body#heart-app{background:#ffd13b url(../images/common/inner-body-bg.jpg) center 160px repeat-y; font-size:62.5%;} body#heart-app #header-wrapper{background:url(../images/heart-app/heart-header-bg.jpg) center top no-repeat;width:100%;height:160px; position:relative; z-index:1;} body#heart-app #content-wrapper{float:left; padding:0 0 30px 0;} body#heart-app #header{width:1000px;position:relative;height:90px;margin:0 auto;} body#heart-app #header a.home{font-size:14px; font-family:bauhaus, Arial, Helvetica, sans-serif; position:absolute; right:28px; bottom:5px; text-transform:uppercase;} body#heart-app #flash-app{width:1000px; height:470px; display:block; margin:0 0 40px 0;} body#heart-app #wrappercode{margin:-70px auto 0 auto; position:relative; z-index:99;} .dr-block{width:1000px; margin:15px 0; float:left;} .dr-block .dr-img{width:150px; float:left;} .dr-block .dr-img img{width:127px; height:131px;} .dr-block .dr-info{width:850px; float:left;} .dr-block .dr-info h4{color:#39b54a; font-family:bauhaus, Arial, Helvetica, sans-serif; font-size:18px; margin:0 0 5px 0;} body#heart-app #footer{background:url(../images/home/footer-bghome.gif) center -1px repeat-x;} #auxiliary{clear:both;} /*Nutricion Calculator*/ #select-activity{ background:url(../images/others/select-activity.gif) left top no-repeat;padding-left:220px;float:left;width:205px;height:40px;margin:20px 0;} #select-weight{ background:url(../images/others/select-weight.gif) left top no-repeat;padding-left:285px;float:left;width:205px;height:40px;margin-bottom:20px;} #select-activity select{width:300px;margin-top:10px;font-size:1.2em;} #select-weight select{width:100px;margin-top:10px;font-size:1.2em;} #calories-count{width:123px;height:76px; background:url(../images/others/calories.gif) left top no-repeat;font-size:3em;color:#fff;clear:both;text-align:center;padding-top:20px;font-family:bauhaus, Arial, Helvetica, sans-serif;} #weight-count{ background:url(../images/others/calories2.gif) left 5px no-repeat;width:526px;height:35px;position:relative;clear:both;font-family:bauhaus, Arial, Helvetica, sans-serif;margin-bottom:20px;} #weight-count span{position:absolute;right:40px;top:2px;font-size:2.3em;color:#68B96C;} #ans-box{ background:url(../images/others/ans-box.gif) left top no-repeat;width:456px;height:37px;text-align:center;padding-top:15px;font-size:2em;color:#fff;font-family:bauhaus, Arial, Helvetica, sans-serif;float:left;margin-bottom:20px;} /*Nutricion Calculator*/ #result{clear:both;float:left;padding-top:30px;} #food-item{ background:url(../images/others/food-item.gif) left top no-repeat;padding-left:255px;float:left;width:205px;height:40px;margin:20px 0;} #food-item select{width:300px;margin-top:10px;font-size:1.2em;display} #serve-block{float:left;background:url(../images/others/serve-block.gif) left 5px no-repeat;width:370px;height:38px;position:relative;clear:both;font-family:bauhaus, Arial, Helvetica, sans-serif;} #serve-block span{position:absolute;left:157px;top:9px;font-size:2.3em;color:#68B96C;} #amount-block{float:left;background:url(../images/others/amount-block.gif) left 5px no-repeat;width:320px;height:45px;position:relative;font-family:bauhaus, Arial, Helvetica, sans-serif;margin-bottom:35px;} #amount-block span{position:absolute;left:147px;top:9px;font-size:2.3em;color:#68B96C;} #kcal-list{clear:both;margin:20px 0; } #kcal-list li{float:left;text-align:center;font-family:bauhaus, Arial, Helvetica, sans-serif;margin-right:35px;} #kcal-list li span{padding-top:20px;font-size:2em;color:#fff;display:block} #kcal-list li.calories-list{width:96px;height:101px;background:url(../images/others/kcal.gif) left top no-repeat;} #kcal-list li.carbohydrates-list{width:148px;height:101px;background:url(../images/others/kcal.gif) -97px top no-repeat;} #kcal-list li.proteins-list{width:96px;height:101px;background:url(../images/others/kcal.gif) -245px top no-repeat;} #kcal-list li.fat-list{width:96px;height:101px;background:url(../images/others/kcal.gif) right top no-repeat;} /*PERSONALIZED DIET PLAN*/ .pdp-contentbg{background: transparent url(../images/others/pdp-contentbg.gif) left top no-repeat;float:left;margin-top:50px;} .pdp-landing{ background:url(../images/others/my-diet-plan.gif) left 40px no-repeat;float:left;width:500px;padding:40px 20px 0 400px;height:500px;margin-left:80px} h3#pdp{background:url(../images/others/personalised-diet-plan.gif) center -0px no-repeat;width:225px;height:66px; text-indent:-9999px;display:block;} #pdp-links{float:left;width:95%;margin-bottom:20px;} ul#pdp-links li{margin-right:40px;float:left;} ul#pdp-links li a#bmi{background:url(../images/others/diet-plan-sprite.gif) left top no-repeat;width:48px;height:43px;display:block; text-indent:-9999px;} ul#pdp-links li a#idw{background:url(../images/others/diet-plan-sprite.gif) -49px top no-repeat;width:66px;height:36px;display:block; text-indent:-9999px;} ul#pdp-links li a#pdplan{background:url(../images/others/diet-plan-sprite.gif) right top no-repeat;width:101px;height:30px;display:block; text-indent:-9999px;} #calculator{float:left;position:relative;padding-bottom:100px} #calculator #loader{ position:absolute;bottom:0px;left:150px;} /* CSS Designed by Jayesh Mhatre Starts here */ #pdp-stag.pdp-contentbg {background:none !important;float:left;margin-top:0;} #pdp-stag.pdp-contentbg .pdp-stag {background:url(../images/others/pdp-bg-swril.png) left top repeat-y; width:907px;padding-left:80px;} #pdp-stag.pdp-contentbg .form-field {padding:10px 0;font-family:Tahoma, Arial, Helvetica, sans-serif} #pdp-stag.pdp-contentbg .form-field label {padding-right:15px;} #pdp-stag.pdp-contentbg .form-field input {width:100px;background:none;} #pdp-stag.pdp-contentbg .form-field input[type="radio"] {width:auto;margin-right:30px;} #pdp-stag.pdp-contentbg table td {padding-top:25px;padding-left:20px;} #pdp-stag.pdp-contentbg .tab {text-align:right;padding-right:25px;} #pdp-stag.pdp-contentbg .tab img{cursor:pointer;} #pdp-stag.pdp-contentbg .text {text-align:right;padding-right:25px;} #pdp-stag.pdp-contentbg .current-bmi {background:url(../images/others/current-bmi.gif) left top no-repeat;width:102px;height:66px;} #pdp-stag.pdp-contentbg .current-weight {background:url(../images/others/current-weight.gif) left top no-repeat;width:124px;height:66px;} #pdp-stag.pdp-contentbg .ideal-bmi {background:url(../images/others/ideal-bmi.gif) left top no-repeat;width:102px;height:66px;} #pdp-stag.pdp-contentbg .ideal-weight {background:url(../images/others/ideal-weight.gif) left top no-repeat;width:122px;height:66px;} #pdp-stag.pdp-contentbg p.weight-txt {font-family:bauhaus, Arial, Helvetica, sans-serif;color:#ffffff;color:#FFFFFF;font-size:28px;padding:25px 0 0 16px;} #pdp-stag.pdp-contentbg p.weight-txt span {font-size:18px;} #pdp-stag.pdp-contentbg span.start-txt {font-family:bauhaus, Arial, Helvetica, sans-serif;color:#333333;font-size:18px;} #pdp-stag.pdp-contentbg span.redtxt {font-family:bauhaus, Arial, Helvetica, sans-serif;color:#e91117;font-size:18px;} #pdp-stag.pdp-contentbg .answer {padding-left:25px;padding-top:15px;} #pdp-stag.pdp-contentbg ul.arrow-list li {background:url(../images/others/arrow.gif) left 3px no-repeat;padding-left:20px;padding-bottom:15px;font-family:Tahoma, Helvetica, sans-serif;} #pdp-stag.pdp-contentbg ul.arrow-list {padding-top:15px;} #pdp-stag.pdp-contentbg ul.rounded-arrow li {background:url(../images/others/circle-arrow.gif) left top no-repeat;padding-left:20px;padding-bottom:15px;font-family:Tahoma, Helvetica, sans-serif;} #pdp-stag.pdp-contentbg ul.rounded-arrow {padding-top:15px;} #pdp-stag.pdp-contentbg .red-text {color:#e81117 !important;} #pdp-stag.pdp-contentbg .current-block {background:url(../images/others/current-bmi-blck.gif) left top no-repeat; width:201px;height:58px;position:relative;} #pdp-stag.pdp-contentbg .current-block .text-white {position:absolute;font-size:22px;font-family:bauhaus, Arial, Helvetica, sans-serif;color:#ffffff;top:24px;left:10px;} #pdp-stag.pdp-contentbg .current-block .text-white2 {position:absolute;font-size:22px;font-family:bauhaus, Arial, Helvetica, sans-serif;color:#ffffff;top:24px;left:120px;} .copyright{font-size:9px;color:#999999} .copyright2{font-size:11px;color:#999999} /*Health Tracker PDP*/ #ht-landing{background:url(../images/titles/recipe-corner.gif) left top no-repeat;padding-left:80px;float:left;border-bottom:1px dotted #CBCBCB;margin-bottom:20px} span.start-txt {font-family:bauhaus, Arial, Helvetica, sans-serif;color:#333333;font-size:18px;} span.redtxt {font-family:bauhaus, Arial, Helvetica, sans-serif;color:#e91117;font-size:18px;} .red-text {color:#e81117 !important;} #pdp-user{clear:both; background: url(../images/pdp/pdp.gif) left top no-repeat; width:700px;height:81px;position:relative;margin-bottom:20px;} #pdp-user p{font-size:22px;font-family:bauhaus, Arial, Helvetica, sans-serif;color:#333333;top:14px;left:220px;position:absolute;} #bmi-weight-wrapper{float:left;position:relative;margin-bottom:10px;} #bmi-summary{float:left;width:500px;} #bmi-weight-wrapper ul#bmi-weight{float:right;} #bmi-weight-wrapper ul#bmi-weight li{float:left;font-size:22px;font-family:bauhaus, Arial, Helvetica, sans-serif;color:#ffffff;} #bmi-weight-wrapper ul#bmi-weight li#bmi{width:63px;height:40px;background: url(../images/pdp/bmi-weight-bg.gif) left top no-repeat;padding:22px 0 0 15px;margin-right:10px;} #bmi-weight-wrapper ul#bmi-weight li#weight{width:70px;height:40px;background: url(../images/pdp/bmi-weight-bg.gif) right top no-repeat;padding:22px 0 0 25px;} #bmi-weight-wrapper ul#bmi-weight li span{} ul.rounded-arrow li {background:url(../images/others/circle-arrow.gif) left top no-repeat;padding-left:20px;padding-bottom:15px;font-family:Tahoma, Helvetica, sans-serif;} .pdp-block{float:left;width:px;width:700px;position:relative;padding-bottom:10px;margin-bottom:5px;min-height:110px} .pdp-block .pdp-block-content{padding:50px 0 0 180px;width:400px;} .pdp-block .pdp-block-count{ position:absolute;right:35px;top:40px;font-family:bauhaus, Arial, Helvetica, sans-serif;color:#ffffff;font-size:22px;} .pdp-block.breakfast .pdp-block-content{padding:70px 0 0 180px;width:400px;} .pdp-block.breakfast{background:url(../images/pdp/pdp-breakfast.gif) left top no-repeat;height:130px} .pdp-block.breakfast .pdp-block-count{ position:absolute;right:35px;top:50px;font-family:bauhaus, Arial, Helvetica, sans-serif;color:#ffffff;font-size:22px;} .calorie-count{font-family:bauhaus, Arial, Helvetica, sans-serif;} .pdp-block.snacks{background:url(../images/pdp/pdp-snacks.gif) left top no-repeat;} .pdp-block.snacks2{background:url(../images/pdp/pdp-snacks2.gif) left top no-repeat;} .pdp-block.lunch{background:url(../images/pdp/pdp-lunch.gif) left top no-repeat;} .pdp-block.snack2{background:url(../images/pdp/pdp-snack2.gif) left top no-repeat;} .pdp-block.dinner{background:url(../images/pdp/pdp-dinner.gif) left top no-repeat;} #specs{background:url(../images/pdp/total-score.gif) left top no-repeat;width:678px;height:74px;position:relative;margin-top:35px;} #specs span{position:absolute;top:15px;right:20px;font-family:bauhaus, Arial, Helvetica, sans-serif;color:#ffffff;font-size:22px;color:#fff;} ul.kcal-list{clear:both;float:left;} h3#mhr{ background: url(../images/pdp/health-report.gif) left top no-repeat;width:222px;height:42px;display:block; text-indent:-9999px;margin-bottom:10px;} #select-cat select,#select-food-item select{width:300px} #select-cat{background: url(../images/pdp/select-cat.gif) left top no-repeat;height:42px;margin-bottom:10px;padding:10px 0 0 255px;} #select-food-item{background: url(../images/pdp/select-food.gif) left top no-repeat;height:42px;margin-bottom:10px;padding:0px 0 0 255px;} #select-weight{clear:both;background: url(../images/pdp/select-weight.gif) left top no-repeat;height:42px;margin-bottom:10px;padding:0px 0 0 255px;} #select-weight select{width:100px} #select-activity{clear:both;background: url(../images/pdp/select-activity.gif) left top no-repeat;height:42px;margin-bottom:10px;padding:0px 0 0 255px;width:466px;} ul.kcal-list {margin: 10px 0 15px 10px;clear:both;} ul.kcal-list li{background:url(../images/others/red-arrow.gif) left 2px no-repeat; padding: 0 0 10px 24px;} ul.kcal-list.red li span{padding-right:15px;} ul.kcal-list.green li span{padding-right:15px;} ul.kcal-list.red li span.item-calories{color:#e91117;padding-right:5px;} ul.kcal-list li span.activity-calories{text-align:left;color:#39b54a;padding-right:5px;} ul.kcal-list li span.delete-entry{float:right;*float: none;width:10px;height:10px;background:url(../images/common/closebox.gif) left top no-repeat;margin-left:10px;} #submit-calories{ background:url(../images/others/submit.gif) left top no-repeat;width:86px;height:34px;display:block; cursor:pointer} #submit-calories img{display:none;} #calories-bg{clear:both;background:url(../images/pdp/calories-bg.gif) left top no-repeat;width:624px;height:42px;position:relative;font-family:bauhaus, Arial, Helvetica, sans-serif;color:#ffffff;font-size:22px;margin:20px 0 30px 0;} #calories-bg span#gain{position:absolute;top:10px;left:10px;} #calories-bg span#burnt{position:absolute;top:10px;left:245px;} #calories-bg span#c-total{position:absolute;top:10px;right:90px;} #profile-title{background:url(../images/titles/profile.gif) left top no-repeat;width:168px;height:42px;display:block; text-indent:-9999px;margin-bottom:10px;} table.user-data.main{border-bottom:1px dotted #CBCBCB;padding:20px 0;margin-bottom:20px;} table.user-data td{ vertical-align:top;padding-bottom:4px} table.user-data img.user-pic{border:5px solid #CBCBCB;width:123px;height:123px;} td.td-title{font-weight:bold;width:170px;} p#graph{clear:both;margin-top:10px;width:700px;height:275px;padding:55px 0px 15px 25px; background:#f6f6f6 url(../images/pdp/result-graph.gif) 250px 20px no-repeat; position:relative;} p#graph img{width:600px;height:280px;} p#graph span#gain-lose{background:#f6f6f6 url(../images/pdp/gain-lose.gif) 0 0 no-repeat; position:absolute;top:40px;left:25px;display:block;width:101px;height:10px;text-indent:-9999px;} p#graph span#date{background:#f6f6f6 url(../images/pdp/date-graph.gif) 0 0 no-repeat; position:absolute;bottom:15px;right:0px;display:block;width:86px;height:10px; text-indent:-9999px;} .ht-leftblock{width:570px;margin-top:25px;clear:both;float:left;} .ht-leftblock.my-profile{background:#fff url(../images/pdp/my-profile.gif) 0 0 no-repeat;padding:0 0 0 130px;} .ht-leftblock.p-dietplan{background:#fff url(../images/pdp/p-dietplan.gif) 0 0 no-repeat;padding:0 0 0 100px;height:75px;} .ht-leftblock.p-recipes{background:#fff url(../images/pdp/recipes.gif) 0 0 no-repeat;padding:20px 0 0 120px;height:55px;} .ht-rightblock{width:570px;margin-top:25px;clear:both;float:left;} .ht-rightblock.my-health-report{background:#fff url(../images/pdp/my-health-report.gif) 620px 10px no-repeat;padding:0 130px 0 0;} .ht-rightblock.my-forums{background:#fff url(../images/pdp/my-forums.gif) 620px 10px no-repeat;padding:20px 130px 0 0;height:50px} ul#ht-signin{clear:both;float:left;border-top:1px dotted #666666;margin-top:20px;padding-top:20px;width:700px;} ul#ht-signin li{float:left;padding-right:30px;} ul#ht-signin li input{display:block;width:170px;} ul#ht-signin li#uname2{background:#fff url(../images/pdp/uname.gif) 0px 0px no-repeat;padding-top:20px !important} ul#ht-signin li#email{background:#fff url(../images/pdp/email.gif) 0px 0px no-repeat;padding-top:20px !important} ul#ht-signin li#submit{clear:both;display:block;padding-top:10px;} ul#ht-signin li#submit input{background:#fff url(../images/others/submit.gif) 0px 0px no-repeat;width:97px;height:31px;cursor:pointer;} /* #login-ht form#user-login-form{padding-top:20px;clear:both;float:left;width:500px;border:1px solid red} #login-ht form#user-login-form #edit-name-wrapper{float:left;margin-right:10px;display:block;background:#fff url(../images/pdp/uname.gif) 0px 0px no-repeat;padding-bottom:4px;border:1px solid green;height:40px;width:300px} login-ht form#user-login-form #edit-name-wrapper label{padding-top:20px;border:1px solid red} form#user-login-form #edit-pass-wrapper{float:left;margin-right:10px;display:block; text-indent:-9999px;background:#fff url(../images/pdp/email.gif) 0px 0px no-repeat;padding-bottom:4px} form#user-login-form #edit-pass-wrapper label{padding-top:20px} form#user-login-form #edit-remember-me-wrapper{float:left;padding-top:25px} form#user-login-form #edit-submit{clear:both;float:left; background:url(../images/others/submit.gif) left top no-repeat;width:86px;height:34px; text-indent:-9999px;margin-top:5px;border-width:0px;} form#user-login-form input#edit-remember-me{float:left;clear:both;} form#user-login-form .item-list{clear:both;padding-top:10px;} form#user-login-form .item-list li{float:left;} ul#register-sign{padding-top:20px;;clear:both;float:left;} ul#register-sign li{float:left;margin-right:10px} ul#register-sign li a#new{background:#fff url(../images/pdp/register-sign.gif) 0px 0px no-repeat;width:85px;height:14px;display:block; text-indent:-9999px;} ul#register-sign li a#register{background:#fff url(../images/pdp/register-sign.gif) top right no-repeat;width:66px;height:17px;display:block; text-indent:-9999px;} .pagination ul {float:right;} .pagination ul li{float:left;padding-left:5px;} .pagination ul li a{padding:3px;color:#ED1C24;}*/ .list-wrapper{height:270px;overflow:hidden;} /* #first-pager-prev,#first-pager-first,#first-pager-next,#first-pager-last{padding-top:5px;} */ .first-div a.first{float:left;width:10px;height:6px;display:block;background:url(../images/common/prev-first.gif) right top no-repeat;margin-right:10px;text-indent:-9999px;} .prev a.up{float:left;width:6px;height:6px;display:block;background:url(../images/common/prev-first.gif) right top no-repeat;margin-right:10px;text-indent:-9999px;} .next a.down{float:left;width:6px;height:6px;display:block;background:url(../images/common/next-last.gif) left top no-repeat;margin-right:10px;text-indent:-9999px;} .counter{float:left;margin:-5px 10px 0 0;} .last-div a.last{float:left;width:10px;height:6px;display:block;background:url(../images/common/next-last.gif) right top no-repeat;margin-right:10px;text-indent:-9999px;} .list-wrapper .list-items-wrapper .list-item li .cars-fd-prev a.read-all{padding-bottom:0px;line-height:180%;} #first-pager-first,#second-pager-first{margin-left:250px;} #first-pager-last,#second-pager-last{margin-bottom:45px} /*STORIES*/ p#author-pic{ background:url(../images/common/author-pic.gif) left top no-repeat;width:159px;height:159px;float:left;margin:0px 15px 15px 0;float:left;} p#author-pic img{width:125px;height:125px;margin:18px} .flir-grey{font-family:bauhaus, Arial, Helvetica, sans-serif;color:#898989;font-size:20px;} h3 span#author-name{font-family:bauhaus, Arial, Helvetica, sans-serif;color:#898989;font-size:14px;} ul#upload-story li span{width:180px;float:left;font-size:17px;font-weight:bold;} ul#upload-story li{padding-top:10px;clear:both;} ul#upload-story li textarea{width:300px;height:200px;} #upload-recipe td,#ind-amount td{padding-bottom:10px;font-weight:bold;} #upload-recipe2 td{padding-right:10px;font-weight:bold;} .rc2{width:170px;} /*lewy*/ body#lewy{background:#FFD13A url(../images/levy/lewy-banner2.jpg) center 0px no-repeat; font-size:62.5%;height:690px} body#lewy #header-wrapper{width:100%;height:320px; position:relative; z-index:1;} body#lewy #content-wrapper{float:left; } body#lewy #header{width:1000px;position:relative;height:290px;margin:0 auto;} body#lewy #header a.home{font-size:14px; font-family:bauhaus, Arial, Helvetica, sans-serif; position:absolute; right:28px; bottom:5px; text-transform:uppercase; display:none} body#heart-app #flash-app{width:1000px; height:470px; display:block; margin:0 0 40px 0;} body#lewy #footer{background-image:none} body#lewy #header h1{width:182px; height:119px; background:url(../images/levy/logo.png) left top no-repeat; display:block; top:0 !Important;left:0 !Important} body#lewy #header h1 a{ background-image:none; visibility:hidden} body#lewy p#marico {padding-bottom:20px} body#lewy #footer p#webchutney{ position:absolute;top:30px;left:720px !important;} body#lewy #header #search-saffola,body#lewy #footer-blurbs, body#lewy #footer-nav2, body#lewy #share-nav,body#lewy #footer-nav{display:none} body#lewy #footer{padding-top:30px;height:180px;} #lewys{clear:both;float:left;width:980px} #lewy-banner{ background:url(../images/levy/lewy-banner.png) left top no-repeat;width:981px;height:250px; display:block; margin-bottom:20px} #lewy-content{clear:both;float:left;width:980px; position:relative;height:332px;} #lewy-video{width:450px; height:308px; position: absolute;left:0;top:0;} #lewy-copy{width:450px; height:308px; position: absolute;right:0;top:0;} #lewy-copy h3{ background:url(../images/levy/lewy-title.png) left top no-repeat; width:280px;height:27px; display:block; text-indent:-9999px;} .s-copy{ font-size:10px; color:#666666} #video a{ position:absolute;bottom:63px;left:139px; display:block;width:172px;height:178px; text-indent:-9999px; } #copy a{ position:absolute;bottom:33px;right:97px; display:block;width:347px;height:256px;display:block; cursor:pointer;} .wide { border-bottom: 1px #000 solid; width: 4000px; } /*OILS LANDING*/ #oils-landing li{float:left;padding-right:30px} #oils-landing li.last{padding-right:0px} #oils-landing li a{height:239px; display:block; background-image:url(../images/others/oils.jpg); background-repeat:no-repeat;text-indent:-9999px} #oils-landing li#oil1 a{ width:150px; background-position:left top} #oils-landing li#oil2 a{ width:150px; background-position:-150px top} #oils-landing li#oil3 a{ width:150px; background-position:-300px top} #oils-landing li#oil4 a{ width:150px; background-position:right top}