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

body
{
margin: 0;
padding: 0;
background-color: #8fc742;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.85em;
}

a.footerlinks{
font-size:11px;
font-weight:bold;
}

.green{color: #127145; font-size:12px;}

a.flag{font-size:11px; color: #FFFFFF;}
a.flag:hover{text-decoration:underline;}
h1, h2, h3, h4, h5, h6, h7, img
{
margin: 0;
padding: 0;
border: 0;
}

a
{
text-decoration: none;
color: black;
}



#mainContainer
{
width: 800px;
height: auto;
margin: 30px auto 0 auto;
background-color: #000;
}

#mainHeader
{
width: 800px;
height: 89px;
background: url(images/mainHeader.jpg) no-repeat left top;
margin: 0 auto;
padding: 0;
margin-bottom: 20px;
}


#mainContentArea
{
width: 800px;
height: auto;
background-color: #000;
}



#mainNavigation
{
display: block;
width: 90px;
height: auto;
margin-left: 20px;
font-family: Arial Narrow, Arial, Helvetica, sans serif;
}

#mainNavigation a
{
display: block;
width: auto;
height: auto;
color: white;
cursor: pointer;
margin-left: 10px;
font-size: 0.85em;
text-align: center;
padding-top: 50px;
margin-bottom: 20px;
}


#mainNavigation a#btnHome
{
background: url(images/btnHomeOff.jpg) no-repeat center top;
}

#mainNavigation a#btnHome:hover
{
background: url(images/btnHomeOn.jpg) no-repeat center top;
}

#mainNavigation a#btnCustomerService
{
background: url(images/btnCustomerServiceOff.jpg) no-repeat center top;
}

#mainNavigation a#btnCustomerService:hover
{
background: url(images/btnCustomerServiceOn.jpg) no-repeat center top;
}

#mainNavigation a#btnContact
{
background: url(images/btnContactOff.jpg) no-repeat center top;
}

#mainNavigation a#btnContact:hover
{
background: url(images/btnContactOn.jpg) no-repeat center top;
}

#mainNavigation a#btnShopping
{
background: url(images/btnShoppingOff.jpg) no-repeat center top;
}

#mainNavigation a#btnShopping:hover
{
background: url(images/btnShoppingOn.jpg) no-repeat center top;
}




#mainContent
{
width: 632px;
height: auto;
margin-right: 20px;
float: right;
}

#mainContent .top
{
width: 632px;
height: 36px;
background: url(images/bgContentTop.jpg) no-repeat left top;
}

#mainContent .mid
{
width: 632px;
height: auto;
background: url(images/bgContentMid.jpg) repeat-y left top;
padding-bottom: 1px;
}

#mainContent .bot
{
width: 632px;
height: 27px;
background: url(images/bgContentBot.jpg) no-repeat left top;
margin-bottom: 20px;
}






#mainContent .mid .sectionIcon
{
width: 70px;
height: 70px;
margin-left: 30px;
}



#mainContent .mid .paragraphs
{
width: 340px;
font-size: 16px;
font-family:"Simplified Arabic";
position: relative;
top: -50px;
left: 60px;
direction:rtl;
text-indent:10px;
border-right: 1px solid #127145;
padding-right: 15px;
color: #127145;
}

#mainContent .mid .paragraphs h1
{
font-family: Arial Narrow, Arial, Helvetica, sans serif;
font-size: 22px;
font-weight: bold;
color: #127145;
}

#mainContent .mid .paragraphs h2
{
font-family: Arial Narrow, Arial, Helvetica, sans serif;
font-size: 16px;
font-weight: bold;
color: #127145;
}

#mainContent .mid .paragraphs p
{
color: #127145;
}


#mainContent .mid .rightSide
{
width: 195px;
height: auto;
float: right;
}

#mainContent .mid .rightSide .caption
{
font-family: Arial Narrow, Arial, Helvetica, sans serif;
font-size: 11px;
font-weight: normal;
color: #127145;
}









#mainContent .mid .shop
{
width: 475px;
font-size: 0.85em;
position: relative;
top: -50px;
left: 120px;
color: #127145;
}

#mainContent .mid .shop h1
{
font-family: Arial Narrow, Arial, Helvetica, sans serif;
font-size: 22px;
font-weight: bold;
color: #127145;
}

#mainContent .mid .shop h2
{
font-family: Arial Narrow, Arial, Helvetica, sans serif;
font-size: 16px;
font-weight: bold;
color: #127145;
}

#mainContent .mid .shop h3
{
font-family: Arial, Helvetica, sans serif;
font-size: 14px;
font-weight: bold;
color: #127145;
margin: 0;
padding: 0;
}

#mainContent .mid .shop p
{
color: #127145;
}











#mainFooter
{
clear: both;
width: 800px;
height: 60px;
background: url(images/mainfooter.jpg) no-repeat left top;
margin: 0 auto;
position:relative;
top:10px;
padding: 0;
}



































#largeNavigation
{
display: block;
width: 540px;
height: 380px;
font-family: Arial Narrow, Arial, Helvetica, sans serif;
margin-left: 140px;
}

#largeNavigation a
{
display: block;
width: 90px;
height: auto;
color: white;
cursor: pointer;
margin-left: 10px;
font-size: 0.85em;
text-align: center;
padding-top: 20px;
margin-bottom: 20px;
float: left;
margin: 0 15px;
}

#largeNavigation a img
{
float: left;
margin-left: 10px;
padding-bottom: 5px;
}

.repInfo
{
width: 170px;
height: 50px;
border:0px solid red;
margin:0px;
font-size: 9px;
background: url(images/bgRepInfo.jpg) no-repeat left top;
padding:0px;
}