body { font-family:Arial,Helvetica,sans-serif; margin:0px; background-color:#fff12c; height:100% } html { height:100% } #Footer a:link { color:#e6e6e6; text-decoration:none } #Footer a:visited { color:#e6e6e6; text-decoration:none } #Footer a:hover { color:#93b2ff; text-decoration:none } #Footer a:active { color:#93b2ff; text-decoration:none } #PageDiv { position:relative; min-height:100%; margin:auto } #BodyWrapper1 { position:relative; height:525px; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#fff; border-bottom:solid #f5f5f5 3px } #InitialImage1 { position:absolute; left:0px; top:0px; width:100%; min-height:525px; z-index:1; background-color:#fff12c; background-image:url(../Resources/halimasslide1.jpg); background-position:left; background-repeat:no-repeat; background-size:cover } #Image3 { position:absolute; left:0px; top:0px; width:100%; min-height:525px; z-index:2; background-image:url(../Resources/halimasslide1.jpg); background-position:left; background-repeat:no-repeat; background-size:cover } #Image2 { position:absolute; left:0px; top:0px; width:100%; min-height:525px; z-index:3; background-image:url(../Resources/halimasslide2.jpg); background-position:left; background-repeat:no-repeat; background-size:cover } #Image1 { position:absolute; left:0px; top:0px; width:100%; min-height:525px; z-index:4; background-image:url(../Resources/halimasslide3.jpg); background-position:left; background-repeat:no-repeat; background-size:cover } #oneWrapper1 { max-width:1200px; z-index:0; margin-left:auto; margin-top:20px; margin-right:auto; background-color:#fff12c } #one1 { z-index:0; padding:2%; background-color:#fff12c } #ProcuctWrapper1 { max-width:1200px; z-index:0; margin-left:auto; margin-top:20px; margin-right:auto } #fiveOne1 { width:15.67%; z-index:0; float:left; padding:1.5%; background-color:#fff; border:solid #378c51 1px } #LemonPickle { max-width:100%; overflow:hidden } #fiveTwo1 { width:15.67%; z-index:0; float:left; padding:1.5%; margin-left:1.7%; background-color:#fff; border:solid #378c51 1px } #KumquatPickle { max-width:100%; overflow:hidden } #fiveThree { width:15.67%; z-index:0; float:left; padding:1.5%; margin-left:1.7%; background-color:#fff; border:solid #378c51 1px } #VegetablePickle { max-width:100%; overflow:hidden } #fiveFour1 { width:15.67%; z-index:0; float:left; padding:1.5%; margin-left:1.7%; background-color:#fff; border:solid #378c51 1px } #PineapplePickle { max-width:100%; overflow:hidden } #fiveFive1 { width:15.67%; z-index:0; float:right; padding:1.5%; background-color:#fff; border:solid #378c51 1px } #LemonMangoPickle { max-width:100%; overflow:hidden } #ProductWrapper2 { max-width:1200px; z-index:0; margin-left:auto; margin-top:20px; margin-right:auto } #fiveOne { width:15.67%; z-index:0; float:left; padding:1.5%; background-color:#fff; border:solid #378c51 1px } #ChilliePickle2 { max-width:100%; overflow:hidden } #fiveTwo { width:15.67%; z-index:0; float:left; padding:1.5%; margin-left:1.7%; background-color:#fff; border:solid #378c51 1px } #ChillieSauce { max-width:100%; overflow:hidden } #fiveThree1 { width:15.67%; z-index:0; float:left; padding:1.5%; margin-left:1.7%; background-color:#fff; border:solid #378c51 1px } #FruitSauce { max-width:100%; overflow:hidden } #fiveFive { width:15.67%; z-index:0; float:right; padding:1.5%; background-color:#fff; border:solid #378c51 1px } #PeanutSauce { max-width:100%; overflow:hidden } #fiveFour { width:15.67%; z-index:0; float:left; padding:1.5%; margin-left:1.7%; background-color:#fff; border:solid #378c51 1px } #GreenSauce { max-width:100%; overflow:hidden } #oneWrapper2 { max-width:1200px; z-index:0; margin-left:auto; margin-top:20px; margin-right:auto } #one2 { z-index:0; padding:2%; background-color:#fff12c } #ProductWrapper3 { max-width:1200px; z-index:0; margin-left:auto; margin-top:20px; margin-right:auto } #fiveOne2 { width:15.67%; z-index:0; float:left; padding:1.5%; background-color:#fff; border:solid #378c51 1px } #CurriedChillies { max-width:100%; overflow:hidden } #fiveTwo2 { width:15.67%; z-index:0; float:left; padding:1.5%; margin-left:1.7%; background-color:#fff; border:solid #378c51 1px } #VinegarChillies { max-width:100%; overflow:hidden } #fiveThree2 { width:15.67%; z-index:0; float:left; padding:1.5%; margin-left:1.7%; background-color:#fff; border:solid #378c51 1px } #MildTikkaSauce { max-width:100%; overflow:hidden } #fiveFour2 { width:15.67%; z-index:0; float:left; padding:1.5%; margin-left:1.7%; background-color:#fff; border:solid #378c51 1px } #PickleBor { max-width:100%; overflow:hidden } #fiveFive2 { width:15.67%; z-index:0; float:right; padding:1.5%; background-color:#fff; border:solid #378c51 1px } #CurryPaste { max-width:100%; overflow:hidden } #ProductWrapper4 { max-width:1200px; z-index:0; margin-left:auto; margin-top:20px; margin-right:auto } #fiveOne3 { width:15.67%; z-index:0; float:left; padding:1.5%; background-color:#fff; border:solid #378c51 1px } #DryFruit { max-width:100%; overflow:hidden } #fiveTwo3 { width:15.67%; z-index:0; float:left; padding:1.5%; margin-left:1.7%; background-color:#fff; border:solid #378c51 1px } #MangoAchaar { max-width:100%; overflow:hidden } #fiveThree3 { width:15.67%; z-index:0; float:left; padding:1.5%; margin-left:1.7%; background-color:#fff; border:solid #378c51 1px } #SpecialMango { max-width:100%; overflow:hidden } #fiveFour3 { width:15.67%; z-index:0; float:left; padding:1.5%; margin-left:1.7%; background-color:#fff; border:solid #378c51 1px } #SweetSourMango { max-width:100%; overflow:hidden } #fiveFive3 { width:15.67%; z-index:0; float:right; padding:1.5%; background-color:#fff; border:solid #378c51 1px } #SyrupLemon { max-width:100%; overflow:hidden } #oneWrapper3 { max-width:1200px; z-index:0; margin-left:auto; margin-top:20px; margin-right:auto } #one3 { z-index:0; padding:2%; background-color:#fff12c; overflow:hidden } #navigation3 { height:auto; overflow:visible; position:relative } .fwNavContainer1 { float:right; position:relative; right:50% } #fwNav1 { position:relative; display:block; left:50%; padding:0; margin:0; list-style:none } #fwNav1 .fwNavItem { width:auto; position:relative; float:left; margin:0; padding:0; border-top:0; border-bottom:0 } #fwNav1 .fwNavItem a { display:block; color:#378C51; text-decoration:underline; background:#FFF12C; padding:14px 25px 14px 25px; white-space:nowrap } #fwNav1 .fwFirstChild { border-left:0 } #fwNav1 .fwLastChild { border-right:0 } #fwNav1 .fwNavItem a:hover, #fwNav1 .fwNavItem span a:hover, #fwNav1 .fwNavItem a:focus { color:#DEDEDE; text-decoration:none } #fwNav1-toggle, .fwNav1-toggle-label { display:none } .fwNav1-toggle-label { width:30px; height:30px; overflow:hidden; background-image:url('../Resources/hamburger-gerrn.png'); background-repeat:no-repeat; background-size:100%; margin-left:auto; margin-right:auto } #fwNav1 .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem a.fwCurrent:hover { display:block; font-weight:normal } @media screen and (max-width:920px) { #fiveOne1 { width:45%; padding:2% } #fiveTwo1 { width:45%; float:right; padding:2%; margin-left:0px } #fiveThree { width:29%; clear:both; margin-left:0px; margin-top:20px } #fiveFour1 { width:29%; margin-left:2%; margin-top:20px } #fiveFive1 { width:29%; margin-top:20px } #fiveOne { width:45%; padding:2% } #fiveTwo { width:45%; float:right; padding:2%; margin-left:0px } #fiveThree1 { width:29%; clear:both; margin-left:0px; margin-top:20px } #fiveFive { width:29%; margin-top:20px } #fiveFour { width:29%; margin-left:2%; margin-top:20px } #fiveOne2 { width:45%; padding:2% } #fiveTwo2 { width:45%; float:right; padding:2%; margin-left:0px } #fiveThree2 { width:29%; clear:both; margin-left:0px; margin-top:20px } #fiveFour2 { width:29%; margin-left:2%; margin-top:20px } #fiveFive2 { width:29%; margin-top:20px } #fiveOne3 { width:45%; padding:2% } #fiveTwo3 { width:45%; float:right; padding:2%; margin-left:0px } #fiveThree3 { width:29%; clear:both; margin-left:0px; margin-top:20px } #fiveFour3 { width:29%; margin-left:2%; margin-top:20px } #fiveFive3 { width:29%; margin-top:20px } } @media screen and (max-width:570px) { #one1 { padding:4% } #one2 { padding:4% } #one3 { padding:4% } .fwNavContainer1 { display:none; position:fixed; width:100%; top:0; right:0; bottom:100%; left:0; margin-top:-100%; background-color:#2F3237; -webkit-overflow-scrolling:touch; overflow:auto; float:none; -webkit-transition:.2s ease-out margin, .2s ease-out bottom; -moz-transition:.2s ease-out margin, .2s ease-out bottom; -ms-transition:.2s ease-out margin, .2s ease-out bottom; -o-transition:.2s ease-out margin, .2s ease-out bottom; transition:.2s ease-out margin, .2s ease-out bottom } #fwNav1 { width:100%; right:0; left:0; margin-top:0px } #fwNav1 .fwNavItem { box-sizing:border-box; float:none; overflow:hidden; width:100%; border-right:0; border-left:0 } #fwNav1 .fwNavItem a { padding-top:14px; padding-bottom:14px; padding-left:14px; padding-right:14px } #fwNav1 .fwFirstChild { border-top:0 } #fwNav1 .fwLastChild { border-bottom:0 } .fwNav1-toggle-label { display:block; position:relative; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none } .fwNav1-toggle-close { background-image:url('../Resources/x-white.png'); margin:20px auto 20px auto } .fwNavContainer1.fwMenuOn { margin-top:0; bottom:0 } } @media screen and (max-width:480px) { #fiveOne1 { width:auto; float:none; padding:4% } #fiveTwo1 { width:auto; float:none; padding:4%; margin-top:20px } #fiveThree { width:auto; float:none; padding:4% } #fiveFour1 { width:auto; float:none; padding:4%; margin-left:0px; margin-right:auto } #fiveFive1 { width:auto; float:none; padding:4% } #fiveOne { width:auto; float:none; padding:4% } #fiveTwo { width:auto; float:none; padding:4%; margin-top:20px } #fiveThree1 { width:auto; float:none; padding:4% } #fiveFive { width:auto; float:none; padding:4% } #fiveFour { width:auto; float:none; padding:4%; margin-left:0px; margin-right:auto } #fiveOne2 { width:auto; float:none; padding:4% } #fiveTwo2 { width:auto; float:none; padding:4%; margin-top:20px } #fiveThree2 { width:auto; float:none; padding:4% } #fiveFour2 { width:auto; float:none; padding:4%; margin-left:0px; margin-right:auto } #fiveFive2 { width:auto; float:none; padding:4% } #fiveOne3 { width:auto; float:none; padding:4% } #fiveTwo3 { width:auto; float:none; padding:4%; margin-top:20px } #fiveThree3 { width:auto; float:none; padding:4% } #fiveFour3 { width:auto; float:none; padding:4%; margin-left:0px; margin-right:auto } #fiveFive3 { width:auto; float:none; padding:4% } }