﻿/*
// Site		: http://www.ForexMonaco.com
// Date		: 2008-10-28
*/

/*
// Section : Common Html Css Rules.
*/
*
{
	margin			: 0;
	padding			: 0;
	text-decoration	: none;
	list-style		: none;
}

* span
{
	display			: none;
}

body
{
	font			: normal normal normal 11px Arial, Helvetica, sans-serif;
	background		: #FFF url('../img/gui/bkg/bkg_body.png') repeat-x left top;
	color			: #000;
}


/*
// Section : Main.
*/
#main
{
	width			: 830px;
	margin			: 0 auto;
	background		: #FFF url('../img/gui/bkg/bkg_main_product2.png') no-repeat left top;
	position		: relative;
}


/*
// Section : Header.
*/
#header
{
	width			: 800px;
	height			: 122px;
	margin			: auto;
	position		: relative;
}

#header h1{}

#header h2{}

#menu
{
	position		: absolute;
	top				: 95px;
	left			: 160px;
	z-index			: 100;
}

.sf-menu,
.sf-menu *
{}

.sf-menu
{}

.sf-menu ul
{
	position 		: absolute;
	top 			: -999em;
	width			: 10em;
}

.sf-menu ul li
{
	width			: 100%;
}

.sf-menu li:hover
{
	visibility 		: inherit;
}

.sf-menu li
{
	float 			: left;
	position 		: relative;
}

.sf-menu a
{
	display 		: block;
	position		: relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul
{
	left			: 0;
	top				: 2.5em;
	z-index			: 99;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul
{
	top				: -999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul
{
	left			: 10em;
	top				: 0;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul
{
	top				: -999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul
{
	left			: 10em;
	top				: 0;
}

.sf-menu
{
	float 			: left;
	margin-bottom	: 1em;
}

.sf-menu a,
.sf-menu a.no-border
{
	padding			: .7em .5em .65em .5em;
	/*padding		: .65em .5em;*/
	text-decoration : none;
	text-transform	: uppercase;
	font-weight		: bold;
}

.sf-menu a.no-border
{
	border			: none;
}

.sf-menu a,
.sf-menu a:visited
{
	color			: #FFF;
}

.sf-menu li
{
	color			: #FFF;
}

.sf-menu li li
{
	color			: #FFF;
	background 		: #F2B25C;
}

.sf-menu li li li
{
	color			: #FFF;
	background		: #F2B25C;
}

.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active
{
	color			: #FFF;
	background		: #FC8D00;
	outline			: 0;
	cursor			: pointer;
}

.sf-menu li:hover ul li,
.sf-menu li.sfHover ul li,
.sf-menu ul.submenu li a,
.sf-menu ul.submenu li a:focus,
.sf-menu ul.submenu li a:active
{
	color			: #000 !important;
	background		: #FFF;
	outline			: 0;
	cursor			: pointer;
}

.sf-menu ul.submenu
{
	border			: 1px solid #FC8D00;
}

.sf-menu ul.submenu li a:hover
{
	background		: #FC8D00;
}

.sf-menu ul li a:visited
{
	background		: #EEE;
}

.transparent
{
	background-color : transparent !important;
}

#contact
{
	width			: 77px;
}

#contact:hover
{
	background		: transparent url('../img/gui/bkg/bkg_contact.png') no-repeat right top;
}

#home
{
	padding			: 0.7em 0.5em 0.65em 3em;
}

#home:hover
{
	background		: transparent url('../img/gui/bkg/bkg_home.png') no-repeat left top;
}

#languages
{	
	position		: absolute;
	bottom			: 14px;
	right			: 2px;
	width			:115px;
}

#languages li
{
	float			: left;
	height			: 11px;
	line-height		: 11px;
	margin 			: 0 2px;
	padding			: 0 2px 0 4px;
	border-left		: 1px solid #FFF;
}

#languages li.first
{
	border			: none;
}

#languages li a
{
	font-weight		: bold;
	color 			: #FFF;
}

#languages li a:hover,
#languages li a.current
{
	color			: #FC8D00;
}


/*
// Section : Content.
*/
#content
{
	width			: 800px;
	margin			: auto;
	height: 		auto;
	
}

.col_2_1
{
	width			: 160px;
	float			: left;
	padding			: 0 0 80px;
	background 		: transparent url('../img/gui/bkg/bkg_col_2_1.png') no-repeat center bottom;
}

#membership
{
	width			: 140px;
	height			: 20px;
	margin			: 30px 0 0 0;
	padding			: 4px 0;
	background		: #FFF url('../img/gui/bkg/bkg_membership.png') no-repeat left center;
}

#membership-register
{
	display			: block;
	width			: 140px;
	height			: 55px;
	background		: #FFF url('../img/gui/btn/btn_account-register.png') no-repeat left top;
}
#membership-Open
{
	display			: block;
	width			: 166px;
	height			: 55px;
	background		: #FFF url('../img/gui/btn/btn_open-account.png') no-repeat left top;
}


.hatched
{
	width			: 140px;
	margin 			: 0 0 0 10px;
	background		: transparent url('../img/gui/bkg/bkg_hatches.png') repeat left top;
	border 			: 1px solid #FFF;
}

.border-dashed-top
{
	border-top		: 1px dashed #555;
}

.border-dashed-bottom
{
	border-bottom	: 1px dashed #555;
}

#real-time-positioning
{
	display			: block;
	width			: 140px;
	height			: 30px;
	margin			: 10px 0;
	background		: transparent url('../img/gui/btn/btn_realtime-positioning.png') no-repeat left top;
	border-top		: 2px solid #FFF;
	border-bottom	: 2px solid #FFF;
}

#last-news
{
	width			: 140px;
	height			: 24px;
	margin			: 4px 0 0 10px;
	background		: transparent url('../img/gui/bkg/bkg_last-news.png') no-repeat left 4px;
}

#news
{
	width			: 135px;
	background		: #FFF;
	margin			: 0 0 0 10px;
	
	border-left:thick;
	border-right:thick;
	border-top:thick;
	border-bottom:thick;
	border-color:black;
	border-width:thick;
}

#news li
{
	border-bottom
		: 1px dashed #444;
	margin			: 2px 0;
	padding			: 4px 0;
}

#news li a
{
	background 		: transparent url('../img/gui/pco/pco_news.png') no-repeat 0px 4px;
	/*background 	: transparent url('../img/gui/pco/pco_news.png') no-repeat 0px 9px;*/
	font			: normal normal normal 1em Arial, Helvetica, sans-serif;
	color			: #555;
	padding			: 0 0 0 8px;
}

.col_2_2
{
	width			: 640px;
	margin			: 0 0 0 160px;
	position		: relative;
}

#mainpic_home
{
	width			: 640px;
	height			: 180px;
	background		: transparent url('../img/gui/bkg/bkg_mp_home.jpg') no-repeat 14px 14px;
}

#mainpic_information
{
	width			: 640px;
	height			: 180px;
	background		: transparent url('../img/gui/bkg/bkg_mp_information.jpg') no-repeat 14px 14px;
}
#mainpic_Mashreq
{
	width			: 80px;
	height			: 80px;
	background		: transparent url('../images/logo_tcm17-12998.gif') no-repeat 14px 14px;
}

#mainpic_faq
{
	width			: 640px;
	height			: 180px;
	background		: transparent url('../img/gui/bkg/bkg_mp_faq.jpg') no-repeat 14px 14px;
}

#mainpic_contact
{
	width			: 640px;
	height			: 180px;
	background		: transparent url('../img/gui/bkg/bkg_mp_contact.jpg') no-repeat 14px 14px;
}

.box_3_1,
.box_3_2,
.box_3_3
{
	width			: 200px;
	float			: left;
	margin 			: 0 0 10px 0;
}

.box_3_1 h1,
.box_3_2 h1,
.box_3_3 h1
{
	font			: normal normal normal 1.5em Arial, Helvetica, sans-serif;
	text-transform	: capitalize;
	text-align		: center;
	letter-spacing	: .2em;
}

.box_3_1
{
	border-right	: 0px dashed #444;
}

#visuel_products
{
	display			: block;
	height			: 160px;
	background		: #FFF url('../img/gui/bkg/bkg_products.png') no-repeat center top;
}

#visuel_products:hover
{
	background		: #FFF url('../img/gui/bkg/bkg_products_hover.png') no-repeat center top;
}

.box_3_1 em
{
	font-weight		: normal;
}

.box_3_2
{
	border-right	: 0px dashed #444;
	border-left	: 0px dashed #444;

}

.right-panel
{
	float: right;
	margin-left:660px;
	width:auto;
	margin-top:-850px;

	}
	
	.left-panel
{
	float: left;
	margin-left: 10px;
	 width:240px;
	

	}

#right-box
{
	float: left;
	width:330px;
	height:450px;
	margin-left: 250px;
	position:relative;
	
	vertical-align:top;
	
	}
#left-box
{
	float: left;
	width:239px;
	height:222px;


	vertical-align:top;
	padding-bottom:inherit;
	}

#visuel_research
{
	display			: block;
	height			: 160px;
	background		: #FFF url('../img/gui/bkg/bkg_research.png') no-repeat center top;
}

#visuel_research:hover
{
	background		: #FFF url('../img/gui/bkg/bkg_research_hover.png') no-repeat center top;
}

.box_3_3
{
}

#visuel_tools
{
	display			: block;
	height			: 160px;
	background		: #FFF url('../img/gui/bkg/bkg_tools.png') no-repeat center top;
}

#visuel_tools:hover
{
	background		: #FFF url('../img/gui/bkg/bkg_tools_hover.png') no-repeat center top;
}

.box_content
{
	width			: 160px;
	margin			: auto;
	}

.box_3_1 ul,
.box_3_2 ul,
.box_3_3 ul
{
	height			: 140px;
	border-bottom	: 0px solid #999;
}

.box_3_1 ul
{
	height			: 102px;
}

.box_3_1 ul.no-height
{
	height			: 40px;
	border			: none;
}

.box_3_1 li,
.box_3_2 li,
.box_3_3 li
{
	border-bottom	: 1px dashed #444;
	margin			: 2px 0;
	padding			: 4px 0;
}

.box_3_1 li.no-border,
.box_3_2 li.no-border,
.box_3_3 li.no-border
{
	border-style: none;
	border-color: inherit;
	border-width: medium;
	padding: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}

.box_3_1 li.last-border,
.box_3_2 li.last-border,
.box_3_3 li.last-border
{
	border			: none;
}

.box_3_1 li a,
.box_3_2 li a,
.box_3_3 li a
{
	background		: #FFF url('../img/gui/pco/pco_headline.png') no-repeat left 4px;
	padding			: 0 0 0 10px;
	font-weight		: bold;
	color			: #000;
}

.box_3_1 li .no-picto
{
	background		: #FFF;
	padding			: 0;
}

.box_3_1 li .no-picto img
{
	border			: none;
}

.link-orange
{
	margin			: 4px 0;
	font-weight		: bold;
	display			: block;
	color			: #FC8D00;
}

/*
// Section : Footer.
*/
#footer
{
	clear			: both;
	width			: 800px;
	height			: 63px;
	/*height			: auto;*/
	margin			: auto;
	position		: relative;
	color			: #4C4C4C;
	background		: transparent url('../img/gui/bkg/bkg_footer.png') no-repeat left bottom;
	top: 0px;
	left: 0px;
}

#footer p
{
	width			: 770px;
	margin 			: auto;
	padding 		: 4px 0 0 0;
	position		: relative;
	top: 6px;
	left: -13px;
}

#footer p strong
{
	color			: #FC8D00;
}

#copyright
{
	display 		: block;
	position		: absolute;
	top				: 44px;
	/*top			: 48px;*/
	left			: 1px;
	font-weight		: bold;
}

#credits
{
	position		: absolute;
	top				: 36px;
	/*top			: 66px;*/
	right			: -1px;
}

#credits li
{
	float			: left;
	height			: 11px;
	margin			: 0 2px;
	line-height		: 11px;
}

#credits li.border
{
	border-right	: 1px solid #333;
	padding			: 0 4px;
}

#credits li a
{
	font-weight		: bold;
	color			: #FC8D00;
}

#credits li a:hover
{
	color			: #333;
}