* {
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-TOP: 0px;
}
.floatcontainer:after{
	 content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.floatcontainer {display: inline-block;}

/* Hides from IE-mac \*/
* html .floatcontainer {height: 1%;}
.floatcontainer {display: block;}
/* End hide from IE-mac */

body  
{
	font-family:arial;
	font-size:75%;
	color:#000000;
	margin-top:20px;
	height:100%;
}

html

{
	height:100%;
}


A
{
	font-family:arial;
	text-decoration:none;
	color:#145E7D;
}

A:hover
{
	text-decoration:underline;
}

Div#Wrap
{
	width:1000px;
	MARGIN: 0px auto; 
	text-align:center;
	direction:rtl;
	height:490px;
}

#right
{
	float:right;
}

#left
{
	float:left;
}



/******************************************** Top ************************************************************/

#top
{
	height:65px;
}

A.TopBtnStyle:link 
{	
	
	COLOR: #8A8888;
	TEXT-DECORATION: none;
	padding-left:5px;
	padding-right:8px;
	text-align:center;
}

A.TopBtnStyle:visited 
{	
	COLOR: #8A8888;	
	TEXT-DECORATION: none;
}
	
A.TopBtnStyle:hover 
{	
	TEXT-DECORATION: underline;
}

A.TopBtnStyle:focus 
{	
	TEXT-DECORATION: underline;
	
}

A.TopBtnStyle:active 
{	
	TEXT-DECORATION: underline;
}

.Search
{
	text-align:left;
	margin-bottom:15px;
}


.SearchBox
{
	width:133px;
	height:16px;
	font-family:arial;
	color:#1390CF;
	border-top:1px solid #959595;
	border-left:1px solid #959595;
	border-right:1px solid #CDCBCB;
	border-bottom:1px solid #CDCBCB;
	margin:0px;
	padding:0px;
	text-align:right;
}

.SearchBtn
{
	padding:0px 5px 0px 15px;
}

.OrderBtn
{
	padding:0px 8px 0px 0px;
}



/********************************************************** main Menu ************************************************************/

/*#Menu
{
	border-right:1px solid #6CC1EC;
	border-left:1px solid #6CC1EC;
	height:19px;
}*/

#MainMenu_UL
{
	text-align:left;
	margin-left:5px;
	padding:0px;
}

#MainMenu_UL LI 
{
	
	LIST-STYLE-IMAGE: none;
	display:inline;
	margin:0px;
}

#MainMenu_UL LI a 
{
	color:#000000;	
	LIST-STYLE-IMAGE: none;
	font-weight:bold;
	text-decoration:none;
	padding:5px 5px 10px 5px;
	line-height:25px;	

}

#MainMenu_UL LI a:hover
{
	background-color:#c4e1f1;
	padding:5px 5px 10px 5px;
	line-height:25px;	

}

/*#MainMenu_UL
{
	text-align:center;
	background-image:url('../res/pic/TopMenuBG.gif');
	background-repeat:repeat-x;
	height:23px;
	padding-left:2px;
	padding-right:3px;
	margin:0px;
	padding-top:1px;
	padding-bottom:0px;
}

#MainMenu_UL LI 
{
	
	LIST-STYLE-IMAGE: none;
	display:inline;
	border-left:1px solid #444444;
	padding:0px;
	margin:0px;
	height:23px;
}

#MainMenu_UL LI a, #MainMenu_UL LI a:hover
{
	color:#2B358F;	
	LIST-STYLE-IMAGE: none;
	color:#1390CF;
	font-weight:bold;
	text-decoration:none;
	vertical-align:top;
	text-align:right;
	padding-left:5px;
	padding-right:5px;
	height:23px;
}*/


ul.menu {
clear:both;
float: left;
margin:2px 0px 0px 10px;
width:895px;
list-style: none;
padding: 0px;
position:relative;
z-index: 100;
list-style: none;
display:inline;

}

/*TEXT ALIGNMENT AND FLOATINGS */
.menu ul li, .menu ul li ul li, .menu ul li ul li ul li {
float:right;
text-align: right;
direction: rtl;
}

/************ TOP MENU ************/

ul.menu li {
float:right;
padding:4px 10px 3px 10px;
width:auto;
height: 20px;
display:inline;

}

ul.menu li:hover {
background-color:#c4e1f1;
}



/*Top menu links*/
ul.menu li a {
font:bold 12px Arial;
color:#000000;
display: block;
text-decoration: none;
margin:3px 0px 0px 0px;
padding:0;
}

ul.menu li a:hover {
color:#000000;
text-decoration: none;
}


/** FIRST POPUP ***/

ul.menu li ul {
width: 153px;
display: none;
position: absolute;
height: auto;
padding:0;
margin: 0px;
background-color: c4e1f1;
border: 0px;
top: 27px;
right: 0px;
}

ul.menu li ul li {
width: 123px;
padding:0px 14px 4px 14px;
margin:0;
background-color:#c4e1f1;
background-image:none;
height:auto !important;
height:16px;
min-height:16px;
border-top:solid 1px #ffffff;
}

ul.menu li:hover ul li:hover {
background-color: #a4adb3;
}

ul.menu li ul li a {
font:normal 12px Arial;
color:#000000;
width: 123px;
height:auto !important;
height:16px;
min-height:16px;
display: block;
text-decoration: none;
}

ul.menu li ul li:hover a {
color:#ffffff;
}

/*** GENERAL SETTINGS - NO NEED TO CHANGE ***/

ul.menu li ul li a.last, ul.menu li ul li ul li a.last{border:0px;}

ul.menu li:hover ul li:hover, ul.menu li:hover {
position: relative;
}

ul.menu li:hover ul li:hover ul, ul.menu li:hover ul {
display: block;
}

ul.menu li:hover ul li ul{
display: none;
}

ul.menu li ul li, ul.menu li ul li ul li {
border-collapse: collapse;
}

/******************************************************** Home Content ************************************************************/

.ContentArea
{
	background:url(../res/pic/Pic.jpg) bottom no-repeat;
	border-bottom:1px solid #959595;
	display:block;
	height:100%;
	padding:10px;
	vertical-align:baseline;
	background-color:#3b93bb;
}

.RightSide
{
	text-align:right;
	margin-right:0px;
	margin-top:0px;
	height:100%;
	width:226px;
}

.LeftSide
{
	text-align:left;
	margin-left:0px;
	margin-top:0px;
	height:100%;
	width:750px;
}

/******************************************************** Amex On-Line ***********************************************************/

.OnLineContent
{
	background:url(../res/pic/OnLineBottom.png) bottom no-repeat;
	padding:10px 15px 27px 15px;
	color:#fff;
}


#OnLineLinks
{
	padding:8px 0px 8px 10px;
}

#OnLineLinks_UL
{
	padding:0px 10px 0px 10px;
}

#OnLineLinks_UL li, #OnLineLinks_UL li a
{
	color:#ffffff;
	list-style-image:url('../res/pic/Li_Bullet.gif');
	list-style-position:outside;
	margin-top:2px;
}

#register
{
	margin-bottom:5px;
	float:right;
}

/******************************************************** Benefits ***********************************************************/

.BenfitsContent
{
	background:url(../res/pic/benefits_BG.png) 100% repeat;
	padding:0px 15px 0px 15px;
	color:#145E7D;	
}

.BenefitsTitle
{
	color:#145E7D;
	font-weight:bold;
	font-size:120%;	
}


#BenfitsLinks
{
	padding:5px 0px 0px 10px;
}

#Benfits_UL
{
	padding:0px 10px 0px 10px;
}

#Benfits_UL li, #Benfits_UL li a
{
	color:#145E7D;
	list-style-image:url(../res/pic/Li_BulletBlue.gif);
	margin-top:2px;
}


/******************************************************** Small Banner  ***********************************************************/

.SmallBanner_bg
{
	background:url(../res/pic/SmallBannerBG.png) bottom no-repeat;
	padding:0px 15px 10px 15px;
	color:#145E7D;	
}

.SmallBanner_Text
{
	background-color:#4383A4;
	color:#ffffff;
	height:60px;
	display:table-cell;
	padding-right:4px;
}

.SmallBanner_Text a
{
	text-decoration:none;
	color:#ffffff;
	
}

.SmallBanner_Text a:hover
{
	text-decoration:underline;
	color:#ffffff;
}


.BannerTitle
{
	color:#145E7D;
	font-weight:bold;
	font-size:120%;
	margin-bottom:6px;	
}

/******************************************************** main Banner and Benefits ***********************************************************/

.MainBanner_bg
{
	background:url(../res/pic/MainBannerBottom.png) bottom no-repeat;
	padding:0px 15px 10px 15px;
	color:#145E7D;
	height:315px;

}

.RightBanner
{
	background:no-repeat;
	width:378px;
	height:309px;
	float:right;
}

.RightbannerText
{
	color:#ffffff;
	padding:220px 10px 33px 90px;
	text-align:right;
}

.RightbannerText a
{
	color:#ffffff;
	font-weight:bold;
	background:url('../res/pic/Li_Bullet.gif') no-repeat left;
	padding-left:8px;
padding-right:8px;
	font-size:95%;
}


.leftBenefits
{
	float:left;
	width:320px;
	margin-top:10px;
	margin-bottom:10px;
	
}

#LeftBenefits_Wrap
{
	display:table;
	margin-bottom:10px;
}

#LeftBenefits_Line
{
	border-bottom:1px solid #92C5DB;
	margin-top:10px;
	margin-bottom:10px;
	clear:both;
}

#ColTitle
{
	color:#145E7D;
	font-weight:bold;
	text-align:right;
	margin-bottom:5px;
}

#colPic
{
   text-align:right;
   margin-left:8px;
   width:57px;
   float:right;  
   margin-bottom:10px; 
}

#colText 
{
   text-align:right;

   color:#1D7EA6;
   position:1relative;

}


#colText A 
{
   text-align:right;
   /*background:url(../res/pic/ArrowCol.gif) no-repeat left;*/
   margin-right:4px;
   padding-left:4px;
   text-decoration:none;
   color:#145E7D;
   font-weight:bold;
   font-size:95%;

}

#colText A:hover
{
	text-decoration:underline;
	color:#145E7D;

}

/******************************************************** Choose Your Card *******************************************************/

.CardsTopWrap
{
	width:750px;
	background:url(../res/pic/Card_TopBG.png) top repeat-y;
	height:20px;
}

.CardsMidSection
{
	width:750px;
	background:url(../res/pic/Card_BG.png) top repeat;

	text-align:center;
	margin:0px;

	/*display:table;*/


backgound-color:#ffffff;
height:80px;
padding-top:10px;



}


.CardsTitleR
{ 
	
	font-weight:bold;
	font-size:120%;
	vertical-align:bottom;
	color:#145E7D;
	text-align:right;

	padding:0px 15px 3px 10px;
}

.CardsTitleL
{ 
	
	font-weight:bold;
	font-size:120%;
	vertical-align:bottom;
	color:#145E7D;
	text-align:right;
	float:left;
	padding:0px 15px 3px 114px;
}


.CardsTxtR
{
	color:#000000;

	text-align:right;
	padding:10px 10px 0px 0px;
	margin:0px;

}

.CardsTxtR img
{
	display:block;
	padding:0px 4px 5px 10px;
	margin:0px;
	float:right;
}

.CardsTxtR A, .CardsTxtL A
{
	font-size:95%;
	font-weight:bold;
	background:url(../res/pic/ArrowCol.gif) no-repeat left;
	padding-left:5px;
	margin-right:7px;
	color:#145E7D;
}


.CardsTxtL
{
	color:#000000;
	text-align:right;
	padding:10px 0px 5px 5px;
	margin:0px;
}



/******************************************************** Footer *****************************************************************/

#Footer
{
	clear:both;
}


#Footer_UL
{
	padding:8px 0px 0px 0px;
	text-align:right;
	direction:rtl;
}

#Footer_UL LI, #Footer_UL LI a
{
	color:#8A8888;
	LIST-STYLE-IMAGE: none;
	padding-left:0px;
	padding-right:0px;
	padding-left:5px;
	margin:0px;
	display:inline;
	font-size:95%;
}