html {
padding:0; margin:0;}
body {
text-align: center;
background-color: #ffffff;
margin: 0;}
/*Spacer Div*/
div.spacer{
clear: both;}
/******************************BEGIN WIDTH***************************************/
/*to sepcify the width of div containing the Menu*/
#width1 { width:726px; margin-right:auto; margin-left:auto;}
/*to sepcify the width of div containing Content*/
div.width2 { width:763px; margin-left:2px; float:left; position:relative;}
/*to sepcify the width of div containing the Menu2*/
#width3 { width:249px; height:359px; float:left;}
/*to sepcify the width of div containing the Welcome*/
#width4 { width:489px; float:right;}
/*to sepcify the width of div containing Footer*/
div.width7 { width:763px; margin:0 auto; position:relative; background-image: url(../images/bg2.gif); background-repeat: repeat-x;}
/*to sepcify the width of div containing Footer*/
div.width8 { width:763px; margin:0 auto; position:relative; background-color:#f4b1b2;}
/******************************END WIDTH***************************************/
/******************************BEGIN CONTENT***************************************/
/*to specify the properties of the bgColor of content*/
#content1 { background-color: #ffffff;}
/*to align the content in the center*/
#wrapper {WIDTH: 765px; POSITION: relative; background-color: #ffffff; margin: 0 auto;}
/******************************END CONTENT***************************************/
/******************************BEGIN ANIMATION***************************************/
/*to specify the properties of the header bg*/
#header1 { background-image: url(../images/bg1.gif); background-repeat: repeat-x; height:277px;}
/*to specify the properties of the header bg*/
#header2 { background-image: url(../images/bg1.gif); background-repeat: repeat-x; margin:0 auto; height:277px; width:765px;}
/*to specify the properties of the box containing the Animation*/
#anim-container { width:765px; height:244px; padding-top: 12px; padding-bottom:21px; position: relative;}
/******************************END ANIMATION****************************************/
/******************************BEGIN MENU***************************************/
/*to specify the properties of the Profile button*/
a.btnProfile { background: url(../images/btnProfile-off.gif) no-repeat top left;
width:120px; height:49px;
float:left;
position:relative;}
a.btnProfile:hover { background: url(../images/btnProfile-on.gif) no-repeat top left;
width:120px; height:49px;
float:left;
position:relative;}
/*to specify the properties of the Bottles button*/
a.btnBottles { background: url(../images/btnBottles-off.gif) no-repeat top left;
width:120px; height:49px;
float:left;
position:relative;}
a.btnBottles:hover { background: url(../images/btnBottles-on.gif) no-repeat top left;
width:120px; height:49px;
float:left;
position:relative;}
/*to specify the properties of the Teats button*/
a.btnTeats { background: url(../images/btnTeats-off.gif) no-repeat top left;
width:120px; height:49px;
float:left;
position:relative;}
a.btnTeats:hover { background: url(../images/btnTeats-on.gif) no-repeat top left;
width:120px; height:49px;
float:left;
position:relative;}
/*to specify the properties of the Accessories button*/
a.btnAccessories { background: url(../images/btnAccesories-off.gif) no-repeat top left;
width:120px; height:49px;
float:left;
position:relative;}
a.btnAccessories:hover { background: url(../images/btnAccesories-on.gif) no-repeat top left;
width:120px; height:49px;
float:left;
position:relative;}
/*to specify the properties of the Medical button*/
a.btnMedical { background: url(../images/btnMedical-off.gif) no-repeat top left;
width:120px; height:49px;
float:left;
position:relative;}
a.btnMedical:hover { background: url(../images/btnMedical-on.gif) no-repeat top left;
width:120px; height:49px;
float:left;
position:relative;}
/*to specify the properties of the Contacts button*/
a.btnContacts { background: url(../images/btnContacts-off.gif) no-repeat top left;
width:120px; height:49px;
float:left;
position:relative;}
a.btnContacts:hover { background: url(../images/btnContacts-on.gif) no-repeat top left;
width:120px; height:49px;
float:left;
position:relative;}
/******************************END MENU***************************************/
/******************************BEGIN MENU ARABIC***************************************/
/*to specify the properties of the Profile button*/
a.btnProfile_ar { background: url(../images/btnProfile_ar-off.gif) no-repeat top left;
width:120px; height:49px;
float:left;
position:relative;}
a.btnProfile_ar:hover { background: url(../images/btnProfile_ar-on.gif) no-repeat top left;
width:120px; height:49px;
float:left;
position:relative;}
/*to specify the properties of the Bottles button*/
a.btnBottles_ar { background: url(../images/btnBottles_ar-off.gif) no-repeat top left;
width:120px; height:49px;
float:left;
position:relative;}
a.btnBottles_ar:hover { background: url(../images/btnBottles_ar-on.gif) no-repeat top left;
width:120px; height:49px;
float:left;
position:relative;}
/*to specify the properties of the Teats button*/
a.btnTeats_ar { background: url(../images/btnTeats_ar-off.gif) no-repeat top left;
width:120px; height:49px;
float:left;
position:relative;}
a.btnTeats_ar:hover { background: url(../images/btnTeats_ar-on.gif) no-repeat top left;
width:120px; height:49px;
float:left;
position:relative;}
/*to specify the properties of the Accessories button*/
a.btnAccessories_ar { background: url(../images/btnAccessories_ar-off.gif) no-repeat top left;
width:120px; height:49px;
float:left;
position:relative;}
a.btnAccessories_ar:hover { background: url(../images/btnAccessories_ar-on.gif) no-repeat top left;
width:120px; height:49px;
float:left;
position:relative;}
/*to specify the properties of the Medical button*/
a.btnMedical_ar { background: url(../images/btnMedical_ar-off.gif) no-repeat top left;
width:120px; height:49px;
float:left;
position:relative;}
a.btnMedical_ar:hover { background: url(../images/btnMedical_ar-on.gif) no-repeat top left;
width:120px; height:49px;
float:left;
position:relative;}
/*to specify the properties of the Contacts button*/
a.btnContacts_ar { background: url(../images/btnContact_ar-off.gif) no-repeat top left;
width:120px; height:49px;
float:left;
position:relative;}
a.btnContacts_ar:hover { background: url(../images/btnContact_ar-on.gif) no-repeat top left;
width:120px; height:49px;
float:left;
position:relative;}
/******************************END MENU ARABIC***************************************/
/******************************BEGIN MENU 2***************************************/
/*to specify the properties of the Bottles button*/
#btnBottles1 { background: url(../images/btnBottles1.gif) no-repeat top left;
width:249px; height:101px;
float:left;
position:relative;}
/*to specify the properties of the Teats button*/
#btnTeats1 { background: url(../images/btnTeats1.gif) no-repeat top left;
width:249px; height:101px;
margin-top:28px;
float:left;
position:relative;}
/*to specify the properties of the Accessories button*/
#btnAccessories1 { background: url(../images/btnAccessories1.gif) no-repeat left;
width:249px; height:101px;
margin-top:28px;
float:left;
position:relative;}
/*to specify the properties of the Read More button*/
a.btnReadMore1 { background: url(../images/btnReadMore1.png) no-repeat top left;
width:82px; height:22px;
left:137px;
top:64px;
position:absolute;}
a.btnReadMore1:hover {background-position: -82px 0;}
/*to specify the properties of the Read More button*/
a.btnReadMore1_ar { background: url(../images/btnReadMore1_ar.png) no-repeat top left;
width:82px; height:22px;
left:137px;
top:64px;
position:absolute;}
a.btnReadMore1_ar:hover {background-position: -82px 0;}
/*to specify the properties of the Order Now button*/
a.btnOrderNow { background: url(../images/btnOrderNow.gif) no-repeat top left;
width:84px; height:28px;
float:left;
position:relative;}
/******************************END MENU 2***************************************/
/******************************BEGIN WELCOME***************************************/
/*to specify the properties of the upper part*/
#txtWelcome1 { background: url(../images/txtWelcome1.gif) no-repeat top left;
width:489px; height:56px;
float:left;
position:relative;}
/*to specify the properties of the bottom part*/
#txtWelcome2 { background: url(../images/txtWelcome2.jpg) no-repeat top left;
width:339px; height:303px;
padding-left:130px;
padding-right:20px;
float:left;
position:relative;}
/*to specify the properties of the Read More button*/
a.btnReadMore2 { background: url(../images/btnReadMore2.png) no-repeat top left;
width:82px; height:22px;
left:390px;
top:170px;
position:absolute;}
a.btnReadMore2:hover {background-position: -82px 0;}
/*to specify the properties of the Read More button*/
a.btnReadMore2_ar { background: url(../images/btnReadMore2_ar.png) no-repeat top left;
width:82px; height:22px;
left:150px;
top:170px;
position:absolute;}
a.btnReadMore2_ar:hover {background-position: -82px 0;}
/*to specify the properties of the font*/
p.welc{
font-family:Arial;
font-size:11px;
line-height:15px;
font-weight:100;
color:#ffffff;
vertical-align:top;
text-align:left;}
/******************************END WELCOME***************************************/
/******************************BEGIN LATEST ADDED***************************************/
/*to specify the properties of the bg*/
#footer1 { background-image: url(../images/bg2.gif); background-repeat: repeat-x; height:206px; position:relative;}
/*to specify the properties of the Latest Added Part*/
#txtLatestAdded1 { background: url(../images/txtLatestAdded1.gif) no-repeat top left;
width:763px; height:181px;
margin-left:2px;
position:relative;}
/*to specify the properties of the big pic*/
img.picBig { width:219px; height:166px; margin-top:8px; margin-left:100px; float:left; position:relative; border:1px solid #f6df82;}
/*to specify the properties of the div containing 3 small pics*/
div.widthPic { width:380px; height:149px; margin-top:17px; float:left;}
/*to specify the properties of the div containing 3 small pics*/
div.widthPic1 { width:380px; height:67px; margin-top:12px; float:left;}
/*to specify the properties of the small pic*/
img.picSmall { width:102px; height:67px; margin-left:22px; margin-bottom:15px; float:left; position:relative; border:1px solid #f6df82;}
/******************************END LATEST ADDED***************************************/
/******************************BEGIN FOOTER***************************************/
/*to specify the properties of the footer bgColor*/
#footer2 { background-color:#f4b1b2; height:52px;}
/*to specify the properties of the footer part*/
#corner1White { background: url(../images/footer1.gif) no-repeat top left;
width:763px; height:52px;
margin-left:2px;
float:left;
position:relative;}
/*to specify the properties of the div containing text*/
div.widthMenu2 {width:500px; float:left; margin-left:5px; margin-top:10px; height:12px;}
/*to specify the properties of the font of links*/
a.mnuFooter{
font-family:Arial;
font-size:12px;
line-height:12px;
font-weight:100;
color:#515151;
float:left;
text-decoration:none;}
a.mnuFooter:hover { color:#0c9190;}
a.mnuFooter10{
font-family:Arial;
font-size:12px;
line-height:12px;
font-weight:100;
color:#515151;
text-decoration:none;}
a.mnuFooter10:hover { color:#0c9190;}
/*to specify the properties of the font of priv*/
p.mnuFooter1{
font-family:Arial;
font-size:12px;
line-height:1px;
font-weight:100;
color:#515151;
text-align:left;}
/******************************END FOOTER***************************************/
/******************************BEGIN CONTENT***************************************/
/*to specify the properties of the font of profile title*/
p.prof0{
font-family:Arial;
font-size:12px;
line-height:15px;
font-weight:900;
color:#0c9190;
vertical-align:top;
text-align:left;}
/*to specify the properties of the font of profile*/
p.prof1{
font-family:Arial;
font-size:11px;
line-height:15px;
font-weight:100;
color:#8aa1ba;
vertical-align:top;
text-align:left;}
/*to specify the properties of div containing one picture in products pages*/
div.widthP1 { width:200px; margin-left:24px; margin-top:10px; padding:10px; float:left; position:relative;}
/*to specify the properties of div containing back to*/
div.widthP2 { width:700px; margin-left:300px; margin-top:10px; padding:10px; float:left; position:relative;}
/*to specify the properties of image small*/
img.imgSP { width:102px; height:67px; margin-right:10px; float:left; position:relative; border:1px solid #f6df82;}
/*to specify the properties of image big*/
img.imgLP { width:219px; height:166px; margin-right:10px; float:left; position:relative; border:1px solid #f6df82;}
/*to specify the properties of div details*/
div.imgLP1 { width:300px; margin-left:50px; margin-top:10px; float:left; position:relative;}
/*to specify the properties of div details*/
div.imgLP2 { width:300px; margin-left:50px; margin-top:45px; float:left; position:relative;}
/*to specify the properties of div details*/
div.imgLP20 { width:500px; margin-top:10px; margin-left:50px; float:left; position:relative;}
a.detailsP{
font-family:Arial;
font-size:12px;
line-height:12px;
font-weight:100;
color:#8aa1ba;
vertical-align:top;
float:left;
text-align:left; }
a.detailsP:hover{ text-decoration:none; color: #0c9190; }
a.detailsP11{
font-family:Arial;
font-size:12px;
line-height:12px;
font-weight:100;
color:#8aa1ba;
vertical-align:top;
text-align:left;}
a.detailsP11:hover{ text-decoration:none; color: #0c9190; }
/*to specify the properties of the font of details title*/
p.details0{
font-family:Arial;
font-size:20px;
line-height:20px;
font-weight:900;
color:#0c9190;
vertical-align:top;
text-align:left;}
/*to specify the properties of the font of profile*/
p.details1{
font-family:Arial;
font-size:12px;
line-height:15px;
font-weight:100;
color:#8aa1ba;
vertical-align:top;
text-align:left;}
/*to specify the properties of the font of profile*/
p.details101d{
font-family:Arial;
font-size:12px;
line-height:15px;
font-weight:100;
color:#0c9190;
vertical-align:top;
text-align:left;}
input.flo { flaot:left;}
div.sendC{width:50px; float:left; position:relative;}
input { margin-left:0px;
width:300px; height:15px;
margin-top:-10px;
margin-bottom:3px;
float:left;
position:relative;}
textarea { margin-left:0px;
width:300px;
margin-top:-10px;
margin-bottom:10px;
float:left;
position:relative;}
/*to specify the properties of the ul and li*/
ul { list-style:none; padding-top:10px; text-align:center;}
li a { line-height:24px; font-size:12px; color:#8aa1ba; margin-left:15px; font-family:Arial;}
a:hover {text-decoration:none; color: #0c9190;}
/******************************END CONTENT***************************************/
/******************************BEGIN DROP DOWN***************************************/
ul#jazMenu { position: relative;
height: 41px;
width: 726px;
margin:0; padding:0;
z-index: 1004; }
ul#jazMenu li { float:left;
list-style: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 600;
padding: 0; margin:0; position: relative; }
ul#jazMenu li li { float:none;
#float: left;
list-style: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: 600;
padding: 0; margin: 0}
ul#jazMenu li a { display: block;
text-decoration: none;
width: 121px;
height: 49px; margin:0; font-size: 11px; font-family: Arial, Helvetica, sans-serif;
text-align: center; padding: 5px 0; line-height: 1.2em; }
ul#jazMenu li a.fix { padding-top: 1px; padding-bottom: 1px; height: 24px; width: 131px; border-bottom: 1px solid #7adcdb; }
ul#jazMenu li a.fix { background: url(../images/bg.jpg) repeat-y top left; }
ul#jazMenu li a.bottom { background: url(../images/down.gif) no-repeat bottom left; border-bottom: none; height: 5px; padding: 0; margin: 0; font-size: 1px; }
.pic-preview { background: url(../images/bg.jpg) repeat-y top left; padding: 8px; text-align: center; padding-bottom: 0; margin: 0; }
ul#jazMenu li a:link, ul#jazMenu li a:visited { color: #8aa1ba; }
ul#jazMenu li a:hover { color: #0c9190; }
ul#jazMenu li ul { position: absolute; background: url(../images/up.gif) no-repeat top left; width: 131px; left: -10px; top: 40px; margin: 0; padding: 0; padding-top: 4px; z-index: 1000;}
/******************************END DROP DOWN***************************************/
/**********************************BEGIN REQUEST FORM*****************************/
/*to specify the properties of the font of profile title*/
p.prof012{
font-family:Arial;
font-size:12px;
line-height:12px;
font-weight:900;
color:#0c9190;
padding-bottom:0px; margin-bottom:-10px; margin-top:0px;
text-align:left;}
input.req { margin-right:0px;
width:20px; height:12px;
margin-top:-15px;
margin-left:25px;
float:left;
position:relative;}
input.reqBig{ margin-right:0px;
width:300px; height:15px;
margin-top:-15px;
margin-bottom:10px;
margin-left:150px;
float:left;
position:relative;}
div.req { width:480px; margin-left:20px; float:left; position:relative;}
div.req1 { width:100px; margin:0 auto;}
a.detailsP14{
font-family:Arial;
font-size:14px;
line-height:16px;
font-weight:100;
color:#8aa1ba;
vertical-align:top;
float:left;
text-align:left; }
a.detailsP14:hover{ text-decoration:none; color: #0c9190; }
a.detailsP14S{
font-family:Arial;
font-size:14px;
line-height:16px;
font-weight:100;
color:#0c9190;
vertical-align:top;
float:left;
text-align:left; }
a.detailsP14S:hover{ text-decoration:none; color: #ff0000; }
/***********************************END REQUEST FORM******************************/