/* CSS RESET */
body { font-family:Arial,Verdana,sans-serif; font-size:62.5%; color:#000; background-color:#fff }
* { margin:0; padding:0 }
h1, h2, h3, h4, h5, h6, a { font-size:1em; line-height:1 }
img, button { border:none }
ul, ol, li { list-style:none }
input, select, textarea, button { font-family:Arial,sans-serif; font-size:1em; color:#4d4d4d }
hr, legend { display:none }
input, button { white-space:nowrap; background-color:transparent; border:none; line-height:1 }
a { color:#666666; text-decoration:none }
a:hover { text-decoration:underline }

/* TYPOGRAPHY */
#Header a { color:#666666 }


/* GENERIC STYLES */
.clear:after, .grid:after { content:"."; display:block; clear:both; height:0; visibility:hidden }
.clearLeft { clear:left }
.clearBoth { clear:both; height:0; overflow:hidden }
.borderTop { padding-top:10px; background:transparent url(../images/border-dotted-horizontal.gif) repeat-x 0 0 }
.hidden, .accessibilityText { display:none }
.invisible { visibility:hidden }
.floatLeft { float:left }
.floatRight { float:right }

/* FORMS */
.errorMsg {color:#f70000; }

/* STRUCTURE */
#Container { width:955px; margin:0 auto 40px; padding:0 10px }
	#Header {  }
	#Body { padding: 0px;}
	#Footer {  }

/* Super Header */
#SuperHeader { Padding:10px 0 5px 10px; height: 25px; }
	#SuperHeader h1 { float:left;}

/* Masthead */
#MainHeader { height:82px; padding:10px;
/* background:transparent url(../images/background-masthead.png)no-repeat 0 0 */
}
	#MainHeader #MainHeaderLogo { float:left; margin-top:-10px; margin-left: 10px; }

/* Masthead Login */
#MainHeaderLogin{ float:right;padding:20px 20px 0px 0px; }
	#MainHeaderLogin .formoreText { padding:10px 15px 0px 0px;}
	#MainHeaderLogin .visitCitimarketbutton { float:center; padding:10px 15px 0px 0px;}
	
/* MainBody */
#MainBody {margin-right: 8px; width;948; height:327px; text-align:center; }		
    #MainBody .mainBodybgP1 {margin-right: 0px; width;948; height:327px; text-align:center;background:#FFFFFF url(../images/fxpulsebg_p1.png) no-repeat}
    #MainBody .mainBodybgP2 { margin-right: 0px; width;948; height:327px; text-align:center;background:#FFFFFF url(../images/fxpulsebg_p2.png) no-repeat 0 0}
    #MainBody .mainBodybgP3 {margin-right: 0px; width;948; height:327px; text-align:center;background:transparent url(../images/fxpulsebg_p3.png) no-repeat 0 0}
    #MainBody .mainBodybgP4 {margin-right: 0px; width;948; height:327px; text-align:center;background:transparent url(../images/fxpulsebg_p4.png) no-repeat 0 0}
    #MainBody .Textbox {float: left;margin-top: 85px;margin-left:65px;padding:0px; width: 500px;}
    #MainBody .Textbox2 {float: left;margin-top: 85px;margin-left:40px;padding:0px; width: 500px;}
    html>body .Textbox{margin-left:125px !important}
    html>body .Textbox2{margin-left:90px !important}
 #MainBody .TextP1 {
 margin-left:66px;
 margin-top:85px;
 float: left;
 width: 700px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
  height: 80px;
	color: #FFFFFF;
	line-height: 18px;
	text-align: left;
	}	
	  html>body .TextP1{margin-left:132px !important}
	 #MainBody .Navlist { 
	list-style-image: url(../images/redpoint.png);
	padding:0px 0px 12px 0px;
	} 
	 #MainBody .TextP2 {
	width: 480px;
	height:180px;
  padding:5px 0px 5px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-align: left;
	}
	
#MainBody .TextP4 {	
float: right;
margin-right:100px;
padding:5px 0px 7px 0px;
width: 360px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFFFFF;
text-align: right;
	}	
	
	#MainBody .TextP3 {	
   float: left;
   margin-left:10px;
   padding:5px 0px 7px 32px;
  width: 480px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-align: left;
	}	
 #MainBody .SmallScreenshot{clear:both;float:left;width:500px; padding:0px 0px 0px 105px; margin-top:30px;}
 #MainBody .NavigationButton {margin-top:20px;width:250px;padding:10px }
 #MainBody ul.NavigationButton {float:right; }
 #MainBody ul.NavigationButton li{padding:14px 0px 0px 0px }
  #MainBody .inputbox{
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 20px;
	margin-left:19px;
	color: #333333;
	padding: 0px;
	width: 200px;
	background-color: #F9F9F9;
	vertical-align: bottom;
	background-position: bottom;
}
 #MainBody .address{clear:both;float:left;padding:10px 0px 0px 54px;width:440px;text-align:left;font-family:Arial, Verdana, sans-serif;font-size:10px;color:#fff;line-height:18px}
 html>body .address{padding:10px 0px 0px 45px;font-size:10px;color:#fff;line-height:18px !important}
 
  #MainBody .pagnination{clear:both;float:left;width:500px; padding:0px 0px 0px 90px;margin-top:-110px;}
  #MainBody ul.pagninationlink { float:right; font-size:1em;font-family:Arial}
  #MainBody ul.pagninationlink li {float:left; margin-left:15px }
   #MainBody ul.pagninationlink li a { color:#fff;}
   
   
  #MainBody .pagnination2{clear:both;float:left; padding:0px 0px 0px 530px;margin-top:0px;}
  #MainBody ul.pagninationlink2 {clear:both;  font-size:1em;font-family:Arial}
  #MainBody ul.pagninationlink2 li {float:left; margin-left:15px }
  #MainBody ul.pagninationlink2 li a { color:#fff;}

   
  
/* Products Navigation */
#ProductsNav {float:left;padding:15px 0px 0px 0px; margin-bottom:10px;width:470px; height:270px; text-align:center; background:transparent url(../images/otherproducts_bg.png) no-repeat 100%}
 #ProductsNav .ProductsButton {padding:33px 0 0 5px }
 #ProductsNav ul.ProductsButton{ }
 #ProductsNav ul.ProductsButton li{padding:0 0 2px }
 
 
/* Reachout and findout */
#Reachout {float:right; margin-right: 8px;padding:15px 0px 0px 0px; width:476px; height:270px; text-align:center; background:transparent url(../images/reachout_bg.png) no-repeat 100%}
  #Reachout .ContactUs {float:left;padding:30px 0px 0px 20px; margin-top:20px;font-family:Arial, Verdana, sans-serif;font-size:13px;color:#000;font-weight: bold;
}
  #Reachout .Address {clear:both;float:left;padding:20px 0px 0px 20px;width:440px;text-align:left;font-family:Arial, Verdana, sans-serif;font-size:12px;color:#000;}
  #Reachout .ContactButton {clear:both;float:left;padding:30px 0px 0px 20px;}

/* Feature Images */
img.headerImage {padding: 0px 0px 3px 0px;}
img.featureImages {padding: 3px 6px 3px 0px;}
img.cityImages {padding: 3px 0px 0px 0px;}
img.cityImagesSeparator {padding: 3px 4px 0px 4px;}


/* Footer */
#Footer { clear:both; margin-top:30px; font-size:1.1em; color:#999; }
	#FooterNavigation { height: 15px; padding:10px 15px;  border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
		#FooterNavigation .footerUrl { float:left }
		#FooterNavigation ul.footerLinks { float:right;}
			#FooterNavigation ul.footerLinks li { float:left; margin-left:15px }
				#FooterNavigation ul.footerLinks li a { color:#999 }
	#FooterCopyright { padding:10px 15px }
		#FooterCopyright .footerLogo { float:left }
		#FooterCopyright .footerCopyrightNotice { float:right; text-align:right; }
