@charset "utf-8";
/* CSS Document */

/*
Mumtaz Catalog.asp CSS.
For www.halababyfoods.com
updated on 23 Aug 2007.
*/
#mytd img{
/*max-height:300px;
max-width:300px;*/
height:300px;
width:300px;
}

#changeqntList{

display:inline-block;
}
/*=========page formating======*/
*{
margin:0px;
padding:0px;
/*font-family:Arial, Helvetica, sans-serif;*/
}

.cleaner{
clear:both;
}

.5pxSpacer{
width:5px;
height:5px;
}

form{
margin:0;
padding:0;
}

script{
margin:0;
padding:0;
}

.blackSpacer{
width:180px;
background-color:#000000;
height:10px;
}

.whiteSpacerRow{
clear:both;
width:100%;
height:5px;
background:#FFFFFF;
}

.whiteSpacerCol{
/*clear:both;*/
float:left;
height:1080px;
width:5px;
background:#FFFFFF;
}

body{
background:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #000000;
min-width: 950px;
}
/*+++++Container Part Begin+++++++*/
#container{
margin-left:90px;
width:950px;
/*background:red;*/
}

#header{
/*background-color:#FFFF00;*/
width:100%;
height:120px;
}

#wrapper{                      /*wrapper part*/
width:920px;
border:15px white solid ;
background:#FFFFFF;
}

#footer{
clear:both;
width:100%;
height:50px;
}
/*+++++Container Part End+++++++*/


/*+++++Header Part Begin+++++++*/
#logo{       /*Mumtaz main logo*/
float:left;
background-image:url(../images/CSS_images/logo.jpg);
width:201px;
height:78px;
margin: 20px;
}

#bannerFoodEmpo{
margin-left:30px;
float:left;
background:url(../images/CSS_images/bannerFoodEmpo.jpg);
width:400px;
height:120px;
}

#tmIamge{/* right TM image */
float:right;
background-image:url(../images/CSS_images/tmlogo.jpg);
width:188px;
height:88px;
margin: 20px;
}
/*+++++Header Part End+++++++*/


/*+++++Wrapper Part Begin+++++++*/
#topArea{
height:220px;
width:100%;
}

#centerArea{
background:#FFFFFF;
width:100%;
}

#left{
background:#FFFFFF;
float:left;
width:180px;
height:100%;
}

#middle{
float:left;
background:#FFFFFF;
height:auto;
width:600px;
padding-left:10px;

}

#right{
clear:right; /*Only for IE6*/
float:right;
width:130px;
height:100%;

}

#botArea{
clear:both;
background:#000000;
width:100%;
height:148px;
}
/*+++++Wrapper Part End+++++++*/


/*+++++topArea Part Begin+++++++*/
#navMenu{
width:190px;
float:left;
/*margin-top:15px;*/
}

#mainBanner{
float:left;
width:690px;
margin-left:10px;
}
/*+++++topArea Part End+++++++*/


/*+++++centerArea Part Begin+++++++*/

/*+++++left Part Begin+++++++*/
#searchBarBlock{
background:#FFFFFF;
width:100%;
height:170px;/*180px*/
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}



#searchBarTitle{
background:url(../images/CSS_images/bannerSearch.jpg);
width:180px;
height:30px;
}


.searchBarInput{
padding:0 0 0 10px;
}

.searchBarText{
padding:5px 0 5px 10px;
}

#searchBarFind{
float:right;
background:url(../images/Word_find.jpg);
width:60px;
height:20px;
margin-top:10px;

}

#searchBarArrow{
margin-top:10px;
margin-right:20px;
float:right;
}

#searchBarArrow img{
margin:0;
padding:0;
border:0;
}

#flashSectionMenuBlock{
/*background:#000000;*/
background:#FFFFFF;
width:100%;

}

#sectionMenuBanner{
background:url(../images/CSS_images/bannerProduct.jpg);
width:180px;
height:30px;
}


#flashSectionMenuBlock li{
clear:both;
margin-top:5px;
display:block;
width:100%;
height:20px;
border-bottom:1px #FFFFFF solid;

}

#flashSectionMenuBlock a:link{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#FFFFFF;
}

#flashSectionMenuBlock a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:red;
}

#flashSectionMenuBlock a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
}


#mailListBlock{
margin-top:40px;
background:#FFFFFF;
width:100%;
height:200px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#mailListBanner{
background:url(../images/CSS_images/bannerNewsletter.jpg);
width:180px;
height:30px;
}

#mailListBlock p{
clear:both;
margin:5px;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

.mailListInput{
padding:0 0 0 10px;
}

.mailListText{
padding:5px 0 5px 10px;
}

#mailListJoin{
float:right;
margin-top:10px;
background:url(../images/Word_joinnow.jpg);
width:80px;
height:20px;
}

#mailListArrow{
margin-top:10px;
margin-right:20px;
float:right;
}
/*+++++left Part End+++++++*/

/*+++++middle Part Begin+++++++*/
#loginBar{
text-align:center;
width:521px;
height:20px;
padding:5px;
}

#loginBar li{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
display:inline;
padding:5px;
}

#loginBar a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

#loginBar a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#000000;
}

#welocme{
margin:10px;
height:40px;
text-align:center;
width:80%;
}

.welcome{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
}

#sectionPath{
width:580px;
height:50px;
margin:10px 0 10px 10px;
text-transform:uppercase;
}

#sectionPath li{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
margin:5px;
display:inline;
}

#sectionPath a:link{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
text-decoration:none;
}

#sectionPath a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
color:#000000;
font-weight:bold;
}

#sectionPath a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
}

#catalogDetail{
}

#catalogDetail img{
margin-left:90px;
max-height:220px;
max-width:440px;
}

#catDetailWord{
text-align:center;
padding-top:20px;
}

#sectionListArea{
clear:both;
margin:10px 10px 10px 30px;
width:100%;
}

#sectionListArea li{
display:table-cell;
float:left;
margin:10px;
}

#sectionBlock{
text-align:center;
width:150px;
height:120px;
border:#000000 2px solid;
}

#sectionName{
width:100%;
height:30px;
background:#000000;
margin:0px 0px 0px 0px;
}

.sectionName{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
/*text-transform:uppercase;*/
}

#sectionName a{
font-weight:bold;
color:#FFFFFF;
text-decoration:underline;
}

#sectionName a:hover{
text-decoration:none;
}

#sectionImage{
margin:0px 0 2px 0;
}

#sectionImage img{
max-height:90px;
max-width:120px;
border:0px;
}


#sectionStatus{
width:100%;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
background:#000000;
}

#sectionNameTitle{
clear:both;
width:580px;
text-align:center;
text-transform: uppercase;
}

.sectionNameTitle{
padding:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}

#itemlistArea{
clear:both;
width:580px;
margin-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

#itemlistArea a{
color:#000000;
text-decoration:none;
}

#itemlistArea a:hover{
text-decoration:underline;
}

.itemlistSearch{
text-align:center;
}

.itemlistPageNumber{
text-align:center;
margin:10px;
}

.itemlistResult{
font-size: 12px;
font-family: Arial,Verdana, Helvetica, sans-serif;
color: #999999;
}

.itemlistSearchResult{
text-align:center;
}

.itemlistPageNumber li{
display:inline;
padding:10px;
}

.itemlistPageNumber a{
text-decoration:underline;
font-weight:bold;
}

.itemlistPageNumber a:hover{
color:#FF0000;
}

.itemlistBlock{
display:table;
width:580px;
border-top:#666666;
border-top-width:1px;
border-top-style:solid;
margin-bottom:10px;
}

.itemlistBlockLeft{
float:left;
/*width:130px;*/
}

.itemlistBlockMid{
float:left;
width:360px;
}

.itemlistItemName{
 font-family: Arial,Verdana, Helvetica, sans-serif; 
 font-size: 12px;
  font-weight: bold; 
  color: #000000; 
  text-decoration: none;
}

.itemlistBlockRight{
float:right;
/*width:90px;*/
}


.itemlistNumber{
float:left;
margin:2px;
width:15px;
height:15px;
}

.itemlistImage{
float:left;
margin:5px;
}

.itemlistImage img{
max-width:100px;
max-height:100px;
border:0px;
}

.itemlistBlockMid li{
display:block;
margin-top:10px;
}

.itemlistBrandImage{
width:80px;
height:80px;
border:0px;
}

.itemlistBuy{

}
/*+++++middle Part End+++++++*/

/*+++++right Part Begin+++++++*/

#offerBanner{
background:url(../images/CSS_images/bannerOffers.jpg);
width:130px;
height:30px;
}


#offerBlock{
clear:both;
margin-bottom:10px;
/*height:180px;*/
width:126px;
border:#000000 2px solid;
text-align:center;
}

#offerName{
margin-top:10px;
}

#offerName a{
text-decoration:underline;
}

#offerName a:hover{
text-decoration:none;
}

#offerImage{
margin:10px 0 10px 0px;
/*width:100px;
height:80px;*/
}

#offerImage img{
border:0px;
max-height:100px;
max-width:100px;
}

#offerImage a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
}

#offerImage a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:red;
} 

#offerPrice{
margin-bottom:10px;
}

#offerPriceSale{
margin-bottom:10px;
font:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FF0000;
}

#offerIcon{
margin-bottom:10px;
}


/*+++++right Part End+++++++*/

/*+++++centerArea Part End+++++++*/


/*+++++BotArea Part Begin+++++++*/
#logoBlock{
float:left;
margin-left:40px;
margin-top:20px;
width:130px;
height:100%;
}

#logoBlockWord{
margin:2px 0 10px 15px;
height:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
}

#logoSmall{
background-image:url(../images/CSS_images/middleLogo.jpg);
height:48px;
width:125px;
}

#logotmSmall{
background-image:url(../images/CSS_images/tmlogoSmall.jpg);
height:43px;
width:112px;
}

#contactBlock{
float:right;
margin-right:100px;
width:500px;
height:100%;
}

#contactBlockWord{
margin:8px 0 5px 80px;
height:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

#creditCard{
background:url(../images/CSS_images/creditcard.jpg);
margin-left:40px;
height:47px;
width:299px;
}

#contactInfo{
background:url(../images/CSS_images/contactBanner.jpg);
height:78px;
width:392px;
}
/*+++++BotArea Part End+++++++*/


/*+++++Footer Part Begin+++++++*/
#smLogo{
float:left;
background-image:url(../images/CSS_images/powerbysm.jpg);
width:211px;
height:19px;
margin:10px;
}

#copyright{
float:right;
margin:10px 40px 10px 0;
}

#copyright a:link{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#FFFFFF;

}

#copyright a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
color:#FFFFFF;

}

#copyright a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

/*+++++Footer Part End+++++++*/


#aboutusFlash{
}

#viewBaketBlock{
min-width:700px;
}

#myAccount{
/*min-height:400px;
min-width:700px;*/
}

#checkOut{
min-height:400px;
min-width:700px;
}

#newsletter{
margin-top:10px;
margin-bottom:10px;
margin-left:150px;
}

#shopList{
margin:10px 0 10px 80px;
}

.completePage{
margin-left:40px;
margin-top:10px;
margin-bottom:10px;
}


.changeQntBanner{
font-size: 16px; 
font-family: Arial,Verdana, Helvetica, sans-serif;
font-weight: bold;
text-transform:uppercase;
}

.Image1{
height:200px;
width:200px;
}