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


/* Main Tags Start */
body						{margin-bottom:0px; margin-left:0px; margin-right:0px; margin-top:0px; background-image:url(/media/images/bg.png); background-position:top; background-repeat:no-repeat; background-color:#000000;}
p							{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#AAAAAA; line-height:16px; display:inline;}
h1							{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; text-decoration:none; display:inline;}
h2							{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; text-decoration:none; display:inline;}
h3							{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; text-decoration:none; display:inline;}
h4							{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#52699b; text-decoration:none; display:inline;}
h6							{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; text-decoration:none; font-weight:normal; display:inline;}
/* Main Tags End */


/* Layout Start */
.wrapper					{position:relative; width:900px; height:auto; top:0px; margin-left:auto; margin-right:auto;}
.logo						{position:relative; top:0px; left:0px; height:56px; width:195px;}
.homeslider					{position:relative; top:20px; left:0px; height:297px; width:900px;}
#ticker						{position:relative; top:20px; height:20px; width:900px; border-top:solid 1px #333333; overflow:hidden;}
.slide-out-div 				{position:absolute; padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:0px; width:200px; height:200px; z-index:150; background-image:url(/media/images/slidebg.png);}
.homeboxeswrapper			{position:relative; width:950px; height:200px; top:50px; left:0px;}
#homebox					{position:relative; width:250px; min-height: 170px; height:auto !important; margin-right:30px; background-color:#333333; float:left; padding:15px 15px 15px 15px;}
/* Layout End */


/* Navigation Start */
.navbar						{position:absolute; top:95px; left:235px;}
#menu 						{float:left; list-style:none; margin:0; padding:0; width:662px;}
#menu li 					{float:right; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#FFF; margin:0; padding:0;}
#menu a 					{background-image:url(/media/images/navbg.png); background-repeat:repeat; color:#ffffff; display:block; float:left; margin-left:7px; padding:8px 8px; text-decoration:none;}
#menu a:hover 				{background-color:#000000; color:#fff; padding-bottom:8px;}
/* Navigation End */


/* Inner Pages Start */
.innertopimage				{position:relative; top:20px; left:0px; width:900px; height:220px;}
.innerwrapper				{position:relative; width:900px; top:40px; left:0px; clear: both; overflow: hidden;}
#innertextwrapper			{position:relative; width:676px; left:20px; top:0px; float:left; padding-bottom:10px; padding-left:10px; padding-right:10px; padding-top:10px; background-image:url(/media/images/innertextbg.png); background-repeat:repeat;}
#innertextwrapper a			{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#AAAAAA; line-height:16px; text-decoration:underline;}
#innertextwrapper a:hover	{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#52699b; line-height:16px; text-decoration:underline;}
#innertextwrapper li		{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#AAAAAA; line-height:16px; list-style:disc;}
#innernav					{position:relative; width:184px; left:0px; top:0px; list-style:none; float:left;}
#innernav ul				{list-style:none; left:0px; margin-left:0px;}
#innernav li				{display:block; width:184px; height:30px; background-image:url(/media/images/innernavbg.png); left:0px; margin-bottom:5px;}
#innernav a					{color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; line-height:27px; padding-left:15px;}
#innernav a:hover			{color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:underline;}
#tabletop					{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; height:30px; background-color:#000000; line-height:20px; padding-left:5px; padding-top:5px;}
#tablemid					{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; height:30px; line-height:20px; padding-left:5px; border-bottom:1px solid #999999; padding-top:5px;}
#scrightbox					{position:relative; top:0px; left:15px; width:164px; height:250px; padding:10px; background-color:#000000;}
#scrightbox	h1				{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; display:inline; border-bottom:1px solid #999999;}
#scrightbox	h2				{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#999999; display:inline; font-weight:normal;}
#scrightbox	h3				{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; display:inline; font-weight:normal;}
#scrightbox	p				{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#CCCCCC; display:inline;}
#nextbutton					{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000000; text-align:center; height:30px; background-color:#999999; border:1 solid #CCCCCC; line-height:30px; width: 50%;}
#nextbutton a				{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000000; line-height:30px; text-decoration:none;}
#nextbutton	a:hover			{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; line-height:30px; text-decoration:none;}

.nextbutton					{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000000; text-align:center; height:30px; background-color:#999999; border:1 solid #CCCCCC; line-height:30px; width: 50%;}
.nextbutton a				{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000000; line-height:30px; text-decoration:none;}
.nextbutton	a:hover			{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; line-height:30px; text-decoration:none;}

/*onlinefx added stuff*/
#nextbutton1					{font-family:Arial, Helvetica, sans-serif; font-size:12px; color: White; text-align:center; height:30px; background-color: #B22222; border:1 solid #CCCCCC; line-height:30px; width: 50%;}
#nextbutton1 a				{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:White; line-height:30px; text-decoration:none;}
#nextbutton1	a:hover			{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; line-height:30px; text-decoration:none;}

/* Inner Pages End */


/* Form Styling Start */
#loginarea					{position:relative; width:320px; top:0px; left:580px; background-image:url(/media/images/navbg.png); padding-top:4px;}
.loginfield					{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999; display:inline; background-color:#333333; border:1px solid #999999; height:20px; text-indent:5px; line-height:20px;}
.loginbutton				{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999; display:inline; background-color:#333333; border:1px solid #999999; height:24px; width:40px;}
.converterdrop				{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; display:inline; background-color:#000000; border:1px solid #999999; height:25px; width:180px;}
span.select 				{position:absolute; width:158px; height:35px; padding:0 24px 0 8px; color:#fff; font:16px arial,sans-serif; line-height:35px; background:url(/media/images/selectbg.gif); overflow:hidden;}
.converterfield				{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; display:inline; background-color:#000000; border:2px solid #555555; height:20px; text-indent:5px; line-height:20px;}
div.converterfield			{font-family:Arial, Helvetica, sans-serif; 
								font-size:14px; color:#FFFFFF; display:inline; background-color:#000000; border:2px solid #555555; height:20px; text-indent:5px; line-height:20px;}

/* Form Styling End */


/* Bottom Area Start */
.bottombar					{position:relative; top:0px; margin-top:130px; width:100%; height:184px; background-image:url(/media/images/bottombar.gif); background-repeat:repeat-x; clear:both;}
#bottominner				{position:relative; margin-left:auto; margin-right:auto; width:950px;}
#bottominnerbox				{position:relative; float:left; margin-right:20px; width:150px; top:20px;}
#bottominnerbox a			{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#555555; line-height:15px;}
#bottominnerbox a:hover		{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#ffffff;}
#bottominnerbox2			{position:relative; float:left; width:410px; top:20px;}
#bottominnerbox2 a			{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#555555; line-height:15px;}
#bottominnerbox2 a:hover	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#ffffff;}
#bottominnerbox2 p			{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#555555; line-height:15px;}

.bottominner				{position:relative; margin-left:auto; margin-right:auto; width:950px;}
.bottominnerbox				{position:relative; float:left; margin-right:20px; width:150px; top:20px;}
.bottominnerbox a			{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#555555; line-height:15px;}
.bottominnerbox a:hover		{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#ffffff;}
.bottominnerbox2			{position:relative; float:left; width:410px; top:20px;}
.bottominnerbox2 a			{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#555555; line-height:15px;}
.bottominnerbox2 a:hover	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#ffffff;}
.bottominnerbox2 p			{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#555555; line-height:15px;}

.clearFloat 				{font-size: 10px; clear: right; display: block;}

.bottominner				{position:relative; margin-left:auto; margin-right:auto; width:950px;}
.bottominnerbox				{position:relative; float:left; margin-right:20px; width:150px; top:20px;}
.bottominnerbox a			{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#555555; line-height:15px;}
.bottominnerbox a:hover		{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#ffffff;}
.bottominnerbox2			{position:relative; float:left; width:410px; top:20px;}
.bottominnerbox2 a			{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#555555; line-height:15px;}
.bottominnerbox2 a:hover	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#ffffff;}
.bottominnerbox2 p			{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#555555; line-height:15px;}
.clearFloat 				{font-size: 10px; clear: right; display: block;}

/* Bottom Area End */


/* Reset Start */
/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}*/
html, span, applet, object, iframe, h1, h2,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}
/* Reset End */

/* Simons Improved CSS Layout */


label {
	display: block;
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#AAAAAA;
}

.field {
	margin-bottom: 15px;
	padding: 5px;
	width: 20em;
}

.select {
	margin-bottom: 15px;
	width: 20em;
	height: 15px;
}

.error {
	color: red;
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
}

div.converterfield	{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	color:#FFFFFF; 
	background-color:#000000; 
	border:2px solid #555555; 
	padding: 5px;
	width: 165px;
	margin-bottom: 5px;
	display: block;
	}
	
div.converterfield input {
	margin-left: 5px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	color:#FFFFFF; 
	background-color:#000000;
	border: none;
	width: 100px;
}

.sku_field {
	font-size: 10px;
	text-align: right;
	padding-left: 10px;
}

#sku_slide {
	font-size: 10px;
}


.symbol {
	width: 50px;
}

select#currency {
	color:#FFFFFF; 
	background-color:#000000; 
	border: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	width: 180px;
	}
	
select#currency option {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	color:#FFFFFF; 
	}
	
select#currency_slide {
	color:#FFFFFF; 
	background-color:#000000; 
	border: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	width: 180px;
	}

select#currency_slide option {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	color:#FFFFFF; 
	}
	
#imt_form h2 {
	display: block;
}

#loginarea	{
	position:relative; 
	width:355px; 
	top:0px; 
	left:540px; 
	background-image:url(/media/images/navbg.png); 
	padding: 8px 0;
	color:#FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align: right;
	
}

#loginarea a {
	color: white;
	text-decoration: underline;
}


/*** Slider - Main Pic ***/
.slider { width: 900px; height: 220px; font-family: Helvetica, Arial, sans-serif; }

#slideshow { float: left; width: 900px; }

#slideshow ul { margin: 0; padding: 0; list-style-type: none; height: 1%; /* IE fix */}

#slideshow ul:after { content: "."; clear: both; display: block; height: 0; visibility: hidden;}            

#slideshow .slides { overflow: hidden; width: 900px;}
#slideshow .slides ul { width: 2700px;}
#slideshow .slides li { width: 275px; float: left; height: 180px; padding: 35px 70px 5px 555px;}
#slideshow .slides h1 { font-size: 18px; font-weight: normal; color: #FFFFFF; display:block; margin: 0 0 23px 0; font-family: Helvetica, Arial, sans-serif;}
#slideshow .slides h2 { font-size: 18px; font-weight: normal; color: #FFFFFF; display:block; margin: 0 0 23px 0; font-family: Helvetica, Arial, sans-serif;}
#slideshow .slides p  { color: #FFFFFF; display: block; }

#one { background: url(/media/images/topimages/onlinefx-travelmoney2.jpg); }
#two { background: url(/media/images/topimages/onlinefx-imt3.jpg); }
#three { background: url(/media/images/topimages/onlinefx-buyback3.jpg); }

#rates_table {
	width: 500px;
}

#rates_table tr td {
	border-bottom:1px solid #999999;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	padding: 5px;
}

/* #slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
	/*	width:900px;
		height:220px;
		overflow:hidden; 
		}
	span#prevBtn{}
	span#nextBtn{}
*/

.destinations strong {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; text-decoration:none; display:inline; padding-right:5px;}
.destinations p		{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#AAAAAA; line-height:16px;}

h1, h2 {
	display: block;
	margin: 10px 0;
	font-weight: normal;
	color: #000975;
}

h2 {
	color: #000975;
	font-weight: bold;
	
}

h1 {
	color: #268622;
	font-weight: bold;
}

.form_content {
	margin: 10px 0;
	padding: 4px;
	color: white;
	font-family: Arial;
	font-size: 12px;
	background-color: #434445;
	border: 1px solid #EBEBEB;
}

.form_content table {
	width: 100%;
}

.form_content table td {
	padding: 5px;
}

.form_content table th {
	padding: 5px;
	text-align: left;
	vertical-align: middle;
	font-size: 14px;
}

.form_content input[type=text] {
	padding: 5px;
}

.form_content th label {
	color: white;
}

#imt_form h2 {
	margin: 20px 0;
}

.basket th {
	border-bottom: 1px white solid;
	font-weight: normal;
}

#checkout {
	background-color: white;
	padding: 10px;
}

#checkout .basket {
	font-family: Arial;
	width: 100%;
	font-size: 12px;
	font-weight: bold;
}

#checkout .basket th {
	font-weight: bold;
	text-align: left;
	padding: 8px 4px;
	background-color: #B1CCD7;
	color: #1D2427;
}

#checkout .basket td {
	padding: 8px 4px;
	font-weight: normal;
	border-bottom: 1px solid #B2B2B2;
}

hr {
	color: #000975;
	background-color: #000975;
	height: 1px;
	border: none;
}

#continue {
	background-color: #40A63B;
	border-width: 1px;
	border-color: #47C45F;
	color: white;
	font-weight: bold;
	width: 100px;
	padding: 4px;
}

#buy_currency {
	background-color: #40A63B;
	border-width: 1px;
	border-color: #47C45F;
	color: white;
	font-weight: bold;
	width: 100px;
	padding: 4px;
}

.block {
	margin-bottom: 20px;
}

td.highlight {
	background-color: #E9F9FF;
	border-left: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
}

td.delete {
	text-align: right;
}

#checkout {
	background-color: white;
}