/*

	Pepperstone:

	26/11/2010

*/





/* CONTAINERS -----------------------------------------------------*/



@font-face {

	font-family: pepperstone;

	src: url('fonts/pepperstonefont-webfont.eot?') format('eot');

	src: url('fonts/pepperstonefont-webfont.eot?#iefix') format('embedded-opentype'),

	     url('fonts/pepperstonefont-webfont.woff') format('woff'),

	     url('fonts/pepperstonefont-webfont.ttf')  format('truetype'),

		 url('fonts/pepperstonefont-webfont.svg#pepperstonefont') format('svg');

	font-weight: normal;

	font-style: normal;

}



html {

	overflow-y: scroll;

}



body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 62.5%;

	text-align: left;

	color: #333;

	background: #FFF;

}



body.home {

	 background: #FFF;

}



.background-home {  }

.background-pages { }



.bounding {

	position: relative;

	width: 960px;

	margin: 0 auto;

	text-align: left;

}



div#page-wrapper {

	background: #FFF url(../img/background-body-standard.png) top repeat-x;

}





div#page-wrapper #main {

	background: url(../img/background-standard-header.jpg) no-repeat;

}



body.home div#page-wrapper {

	 background: #FFF url(../img/background-top-menu.png) top repeat-x;

}



body.home div#page-wrapper #main {

	 background: none !important;

}



/* Splash Screen ------------------------------------------------*/



body.splash div#page-wrapper {

	 background: #FFF url(../img/splash/background-body-splash.png) top repeat-x;

}



body.splash div#page-wrapper #main {

	background: url(../img/splash/background-splash-header-plain.jpg) no-repeat;

}





body.splash div#page-wrapper #main #euronis {

	background: url(../img/splash/background-splash-header.jpg) no-repeat;

}



body.splash div#page-wrapper #main #routeway {

	background: url(../img/splash/background-splash-header-routeway.jpg) no-repeat;

}

body.splash div#page-wrapper #main #traderschoice {

	background: url(../img/splash/background-splash-header-traders-choice-fx.jpg) no-repeat;

}





body.splash div#page-wrapper #main #tulipfx {

	background: url(../img/splash/background-splash-header-tulip.jpg) no-repeat;

}



body.splash div#page-wrapper #main #trendinvest {

	background: url(../img/splash/background-splash-header-trend.jpg) no-repeat;

}


body.splash div#page-wrapper #main #landing {

	background: url(../img/splash/background-splash-header-landing.jpg) no-repeat;

}



body.splash div#page-wrapper #main #ltg {

	background: url(../img/splash/background-splash-header-ltg.jpg) no-repeat;

}



body.splash div#page-wrapper #main #brics {

	background: url(../img/splash/background-splash-header-brics.jpg) no-repeat;

}


body.splash div#page-wrapper #main #buddy {

	background: url(../img/splash/background-splash-header-buddy.jpg) no-repeat;

}




body.splash div#page-wrapper #main #edge {

	background: url(../img/splash/background-splash-header-edge-2.jpg) no-repeat;

}







#splash1  {

	width:500px;

	float:left;

	margin-top:250px;
	
}



#splash2 {

	width:400px;

	float:left;

	margin-top:270px;

	margin-left:60px;

}


#splash3  {

	width:400px;

	float:left;
	
	margin-top:0px;

	
}



#splash4 {

	width:400px;

	float:left;

	margin-left:100px;
	
	margin-top:10px;

}



#splash2.edge {

	margin-top:250px; !important 

}


#splash2 form input[type="submit"] , #splash3 form input[type="submit"] {
	background:#B91D22;!important
	
}
#splash2 form input[type="submit"]:hover, #splash3 form input[type="submit"]:hover {
	background:#C33;
	cursor:pointer;
	
}







/* SITE TYPOGRAPHY ------------------------------------------------*/



p {

	font-size: 130%;

	color: #666;

	padding-bottom: 1em;

	line-height: 1.5em;

}





p.small {

	font-size:100%;

	font-weight:bold;

}





p strong {

	font-style: italic;

}



a {

	color: #075b76;

	font-weight: bold;

	text-decoration: none;

	display: block;

}







a.link-button {

	height:20px;

	background:url(../img/btns/download-btn-back.png) repeat-x;

	border:solid 1px #999999;

	text-align:left;

	cursor:pointer;

	color: #075b76;

	font-weight: bold;

	text-decoration: none;

	font-size:11px;

	margin-top:10px;

	padding: 6px 10px 0px 10px;

	display:inline-block;

}



a.link-button:hover {

	background-position: 0 -26px;

	border-color:#666;

	text-decoration: none;

}









a.link-button-black {

	height:22px;

	background:url(../img/btns/download-btn-back-black.png) repeat-x;

	text-align:left;

	cursor:pointer;

	color: #FFF;

	font-weight: bold;

	text-decoration: none;

	font-size:13px;

	margin-top:10px;

	padding: 7px 10px 0px 10px;

	display:inline-block;

}



a.link-button-black:hover {

	background-position: 0 -36px;

	text-decoration: none;

}









.noblock {

	display:inline;

}



a:hover {

	text-decoration: underline;

}



a.read-more {

	padding-left: 20px;

	background: url(../img/link-arrow.png) left center no-repeat;

	font-style: italic;

	font-size: 120%;

}


.arabic a.read-more  {
	
	background: url(../img/link-arrow.png) right center no-repeat;
	padding-right: 20px;
	
}



hr.razor-line {

	background:url(../img/hr-line.png);

	width:450px;

	height:10px;

	border:none;

	margin-top:-15px;

	margin-left:0px;

}





ol li, ul li{

}



ol li {

	list-style: decimal;

	margin-left: 20px;

}



ul.styled-list {

	margin: 10px 0;

}





ul.styled-list li {

	color: #666;

	padding-left: 30px;

	background: url(../img/list-icon-2.png) left no-repeat;

	font-size: 120%;

	line-height: 2em;

}



ul.styled-list-main {

	margin: 10px 0 20px 0;

}



ul.styled-list-main li {

	padding-left: 30px;

	background: url(../img/list-icon.png) left top no-repeat;

	font-size: 130%;

	color: #666;

	padding-bottom: 1em;

	line-height: 1.5em;

}



.arabic ul.styled-list-main li {
	
	background: url(../img/list-icon.png) right top no-repeat !important ;
	background-color: aqua;
	padding-right: 30px !important ;
	text-align: right;
	
}


.arabic h1, .arabic h2, .arabic a, .arabic p {
	text-align: right;
}





ul.styled-list-main2 {

	margin: 10px 0 20px 0;

}



ul.styled-list-main2 li {

	padding-left: 30px;

	background: url(../img/list-icon-2.png) left top no-repeat;

	font-size: 130%;

	color: #666;

	padding-bottom: 1em;

	line-height: 1.5em;

}



ul.styled-list-main li.normal {

	background:none;

	list-style:inside;

}











h1 {

	margin-bottom: 15px;

	color: #B91D22;

	font-size: 160%;

}



h2 {

	font-size: 150%;

	color: #666;

	padding-bottom: 1em;

	line-height: 1.5em;

}





.ps-font { font-family: pepperstone, Arial, Helvetica, sans-serif;}

h2.ps-font { font-size:20px; color:#B91D22; font-weight:normal;   }

h1.ps-font { font-size:20px; color:#B91D22; font-weight:normal;   }

h2.black { color:#000 }













/*             Index Page                */



.apps img { margin-top:20px; margin-bottom:20px;}

















/*             Tradung Apps Pages               */





.trading-apps img.splash 	{ display: block;    margin-left: auto;    margin-right: auto }

.trading-apps img.appstore  { padding-top:8px; float:right;}

.trading-apps img.appstorelogo { display:block; margin-left:auto; margin-right:0px; margin-top:-50px; }

.trading-apps  .link-button { float:right; margin-right:10px; }

.trading-apps  .link-button-black { float:right; margin-right:10px; }

.trading-apps  .link-button-red { float:right; margin-right:10px; }



.trading-apps .trading-apps-row { margin-top:60px; }

.trading-apps .trading-apps-row  .img { width:226px; height:226px; float:left }

.trading-apps .trading-apps-row  .img img {}

.trading-apps .trading-apps-row  .text { width:434px; height:226px; float:left; }







.trading-row-1 {

	width:910px;

	margin-left:25px;

	margin-top:70px;

}



.trading-row-2 {

	width:910px;

	margin-left:25px;

}







/*             Tradung INDEX Apps Page               */





.trading-row-1 .left { width:450px; float:left;  }

.trading-row-1 .right { width:363px; height:200px; margin-left:97px; float:left; }

.trading-row-1 .right img { float:right;}



.trading-row-2 .right { width:450px; float:left; margin-left:97px; }

.trading-row-2 .left { width:363px; height:200px; float:left; }

.trading-row-2 .left img {float:left;}













/* FAQs and Funding Options */







#faqs h3  { cursor:pointer;

	font-weight:normal;

	font-size: 130%;

	color: #666;

	padding-bottom: 1em;

	line-height: 1.5em; 	 }





#faqs h3:hover {	text-decoration:underline; }





#faqs h3.active  { color:#d74646; }



#faqs div p { font-size:120%; padding: 10px 0 20px 0; }





#faqs div li {

	padding: 10px 0 10px 0;

	list-style:inside;

	font-size: 130%;

	color: #666;

	line-height: 1.5em;	}







#fundingoptions h3  {

	cursor:pointer;

	color: #075b76;

	font-weight: bold;

	text-decoration: none;

	display: block;

	font-size:12px;

}

#fundingoptions h3:hover {	text-decoration:underline; }

#fundingoptions h3.active  { color:#d74646; }





#genericslider span  {

	cursor:pointer;

	color: #075b76;

	font-weight: bold;

	text-decoration: none;

	display: block;

	font-size:12px;

}

#genericslider span:hover {	text-decoration:underline; }

#genericslider span.active  { color:#d74646; }



#fundingoptions h3.tickdata {

	font-size:13px;

	margin-bottom:10px;

}



#fundingoptions .indent {

	margin-left:20px;

	margin-top:10px;

}



#fundingoptions .indent2 {

	margin-left:20px;

	margin-top:10px;

}









/* Funding Options Table 2 ------------------------------------------------*/





#fundingpage2 img:hover { background-color:#F5F5F5; }



#fundingpage2 a.link-button { float:left; }

#fundingpage2 p.fundnow { margin-left:0px; margin-top:20px; float:left; font-weight: bold;	font-size:12px; }





/* Razor Page ----------------------------------------*/



.razor-row-1 {

	width:910px;

	margin-left:25px;

	margin-top:70px;

}







.razor-row-1 .left { width:450px; float:left; padding-top:25px; }

.razor-row-1 .right { width:363px; height:276px; margin-left:97px; float:left; background-image:url(../img/razor-page/video-background.png); }

.razor-row-1 .right .youtube { width:345px; margin-left:9px; margin-top:9px; height:226px; background-color:#575757; }



.razor-row-1 .noimage { background:none; }!important



.razor-row-2 {

	width:910px;

	margin-left:25px;

}



.razor-row-2 .left { width:173px; margin-left:50px; float:left; }

.razor-row-2 .right { width:450px; margin-left:237px; float:left; padding-top:90px; }



#content-page hr {

	background:url(../img/razor-page/hr.png);

	width:450px;

	height:10px;

	border:none;

	margin-top:-10px;

}



.razor-row-3 { width:720px; margin-left:auto; margin-right:auto; }

.razor-row-3 h2 { padding-left:90px; }

.razor-row-3 td { height:25px; }

.razor-row-3 td.left p { padding-left:100px; }

.razor-row-3 td p.black {

	color:#666;

	font-weight:bold; }



.razor-row-4 {

	width:910px;

	margin-left:25px;

	margin-top:70px;

}



.ny4 { width:600px; }

.ny4 h2 { padding-left:0px }

.ny4 hr { margin-left:-0px }





.razor-row-4  #open-live-account {

	margin-left:250px;

	float: left;

	width: 224px;

	height: 75px;

	margin-bottom: 10px;

	background: url(../img/btn-open-account.png) 0 0; }

.razor-row-4  #open-live-account:hover {	background-position: 0 -75px;	}

.razor-row-4  #open-demo-account {	float: left; margin-left:30px; width: 224px;	height: 75px;	background: url(../img/btn-demo-account.png) 0 0; }

.razor-row-4 #open-demo-account:hover {	background-position: 0 -75px;	}





.razor-row-5 {

	width:910px;

	margin-left:25px;

	margin-top:100px; }

.razor-row-5 hr { margin-left:0px; }

.razor-row-5 .holder { width:155px; padding:10px; margin-left:40px; float:left; text-align:center; }

.razor-row-5 .holder p { padding-top:10px; }

.razor-row-5 .holder:hover { background-color:#F4F4F4; }



.razor-row-6 {

	width:910px;

	margin-left:25px;

	margin-top:60px; }

.razor-row-6 hr { margin-left:-30px; }

.razor-row-6 .left { width:350px; float:left; }

.razor-row-6 .right { width:400px; margin-left:150px; float:left; padding-top:20px; }





.razor-row-7 {

	width:910px;

	margin-left:25px;

	margin-top:100px; }

.razor-row-7 hr { margin-left:0px; }

.razor-row-7 .holder { width:260px; height:300px; padding:10px; float:left; margin-top:50px; }

.razor-row-7 img { float:left; }

.razor-row-7 .trading-app { margin-left:40px;}

.razor-row-7 .holder h3 { font-size:14px; font-weight:bold; text-align:center; color:#818181; }







/* Table STyLE ------------------------------------------------*/





table.rates p {

	font-size: 12px;

	color: #666;

	padding-bottom: 0;

}



table.rates td {

	padding-left:10px;

	padding-top:10px;

}



table.rates tr {

	height:60px;

	background-image:url(../img/table-cellback.png);

}



table.rates tr:hover {

	background-image:none;

	background-color:#F5F5F5;

}



table.rates tr.header {

	background-image:url(../img/table-cellback-header.png);

}



table.rates tr.header:hover {

	background-image:url(../img/table-cellback-header.png);

}



table.rates td p.black {

	color:#666;

	font-weight:bold;

}





/* How to Table ------------------------------------------------*/



table.howto  {  }

table.howto td { vertical-align:top; padding:20px 10px 20px 10px; }

table.howto tr { border-bottom:solid 1px #999;  }







/* Live Quotes -------------*/





table.live-rates p {

	font-size: 11px;

	color: #666;

	padding-bottom: 0;

}



table.live-rates td {

	padding-left:5px;

	padding-top:5px;

}



table.live-rates tr {

	height:30px;

	/* background-image:url(../img/table-cellback.png); */

}



table.live-rates tr:hover {

	background-image:none;

	background-color:#F5F5F5;

}



table.live-rates tr.header {

	/* background-image:url(../img/table-cellback-header.png); */

	height:30px;

}





table.live-rates td p.black {

	color:#666;

	font-weight:bold;

}



/* Funding Quotes -------------*/



table#funding p {

	vertical-align:middle;

	padding:5px;

	font-size:11px;

	 }



table#funding .odd {

	background-color:#F2F2F2;

}



table#funding .rightcell {

	font-weight:bold;

	border-left:5px solid #FFF;

}





/* HEADER -----------------------------------------------------*/



#header {

	width: 100%;

	z-index: 1500;

}



.home #header {

	position: absolute;

}



#header #logo {

	float: left;

	width: 240px;

	height: 60px;

	margin-top: 78px;

}



#header #alt-menu {

	position: absolute;

	right: 0;

	height: 44px;

}



#header #alt-menu ul {

	float: right;

}





#header #alt-menu ul li {

	float: left;

	height: 44px;

	line-height: 44px;

	margin-left: 10px;

	padding-left: 10px;

}



#header #alt-menu ul li.chat img {

	vertical-align:middle;

	height:22px;

	padding-right:10px;

}



#header #alt-menu ul li a {

	height: 22px;

	color: #eee;

	font-weight: bold;

	font-size: 110%;

	text-decoration: none;

}



#header #alt-menu ul li a:hover {

	color:#CCC;

}



#header #alt-menu ul li.language {

	width: 158px;

}



#header #alt-menu ul li.language select {

	margin-top: 11px;

	border: 0;

	background: #FFF;

	color: #146b8e;

	padding: 4px;

	border-radius: 3px;

}



#header #alt-menu ul li.client-login {

	margin-left: 0px;

	padding-left: 5px;

}



#header #alt-menu ul li.client-login a {

	float: left;

	width: 94px;

	height: 28px;

	line-height: 28px;

	background: url(../img/btn-client-login.png) 0 0;

	text-align: center;

	color: #FFF;

	margin-top: 7px;

}



#header #alt-menu ul li.client-login a:hover {

	background-position: 0 -28px;

	color: #FFF;

}





/* MAIN MENU -----------------------------------*/



#header #main-menu {

	position: absolute;

	right: 0;

	top: 40px;

	display: block;

	height: 42px;

	margin-top: 40px;

}





/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {

	margin:			0;

	padding:		0;

	list-style:		none;

}

.sf-menu {

	line-height:	1.0;

}

.sf-menu ul {

	position:		absolute;

	top:			-999em;

	width:			200px; /* left offset of submenus need to match (see below) */

}

.sf-menu ul li {

	width:			100%;

}

.sf-menu li:hover {

	visibility:		inherit; /* fixes IE7 'sticky bug' */

}

.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:			4em; /* match top ul list item height */

	z-index:		9999;

}

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:			200px; /* match ul width */

	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:			200px; /* match ul width */

	top:			0;

}



/*** DEMO SKIN ***/

.sf-menu {

	float:			left;

	margin-bottom:	1em;

}



.sf-menu a {

	padding: 		.75em 1em;

	text-decoration:none;

}

.sf-menu a, .sf-menu a:visited  { /* TOP LEVEL */

	color: #FFF;

}



a.sf-menu-topmenu {			/* This is applied the TOP LEVEL a  */

	font-size: 12px;

	padding-top:15px;

	height:18px;

}



.sf-menu li li a, .sf-menu li li a:visited  { /* SUB MENU*/

	color: #CCC;

	font-size:13px;

	padding: 15px;

	cursor: pointer;

	font-weight: normal;

	

}





.sf-menu li {

	background: none;

}



.sf-menu li ul li {

	background:url(/img/pixel.png) repeat;

	border-bottom: 2px solid #333;

}





/* Hover */





.sf-menu li ul a:hover {		/* top level */

	background:url(/img/pixel.png) repeat;

	outline:		0;

	color: #ccc;

}



li li.sfHover {

	background:url(/img/pixel.png) repeat;

}





.sf-menu li.active a.sf-menu-topmenu {      /* Adds the red colour to active links */

	color: #13B9FC;

}



.nonactive {

	color: #fff;

}





.sf-menu li li a:hover {	/* drop down level */

	background:		#000;

	outline:		0;

	color: #FFF;

}







/*** arrows **/

.sf-menu a.sf-with-ul {

	padding-right: 	2.25em;

	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */

}

.sf-sub-indicator {

	position:		absolute;

	display:		block;

	right:			.75em;

	top:			1.05em; /* IE6 only */

	width:			10px;

	height:			10px;

	text-indent: 	-999em;

	overflow:		hidden;

	background:		url('/img/arrows-ffffff.png') no-repeat -5px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */

}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */

	top:			1.2em;

	background-position: 0 -100px; /* use translucent arrow for modern browsers*/

}

/* apply hovers to modern browsers */

a:focus > .sf-sub-indicator,

a:hover > .sf-sub-indicator,

a:active > .sf-sub-indicator,

li:hover > a > .sf-sub-indicator,

li.sfHover > a > .sf-sub-indicator {

	background-position: -10px -100px; /* arrow hovers for modern browsers*/

}



/* point right for anchors in subs */

.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }

.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }

/* apply hovers to modern browsers */

.sf-menu ul a:focus > .sf-sub-indicator,

.sf-menu ul a:hover > .sf-sub-indicator,

.sf-menu ul a:active > .sf-sub-indicator,

.sf-menu ul li:hover > a > .sf-sub-indicator,

.sf-menu ul li.sfHover > a > .sf-sub-indicator {

	background-position: -10px 0; /* arrow hovers for modern browsers*/

}



/*** shadows for all but IE6 ***/

.sf-shadow ul {

	background:	url('/img/shadow.png') no-repeat bottom right;

	padding: 0 8px 9px 0;

	-moz-border-radius-bottomleft: 17px;

	-moz-border-radius-topright: 17px;

	-webkit-border-top-right-radius: 17px;

	-webkit-border-bottom-left-radius: 17px;

}

.sf-shadow ul.sf-shadow-off {

	background: transparent;

}





/* BREAD CRUMBS -----------------------------------*/



#breadcrumbs {

	width: 960px;

	height: 40px;

	line-height: 40px;

	margin-top: 38px;

	vertical-align: middle;

}



#breadcrumbs ul li {

	float: left;

	font-size: 120%;

	color: #999;

	padding-right: 20px;

	background: url(../img/breadcrumb-arrow.png) right no-repeat;

	margin-right: 10px;

}



#breadcrumbs ul li.last {

	background: none;

}



#breadcrumbs ul li a {

	color: #666;

}





/* OPEN ACCOUNT -----------------------------------*/





#header #open-account-steps {

	position:absolute;

	right:0;

	top:85px;

	width: 700px;

	height: 42px;

}



#header #open-account-steps ul {

	padding-left: 10px;

}



#header #open-account-steps ul li {

	float: left;

	height: 34px;

	margin: 4px 5px 4px 0;

	padding-right: 3px;

}



#header #open-account-steps ul li.active {

	background: url(../img/background-step-right.png) right no-repeat;

}



#header #open-account-steps ul li span {

	float: left;

	height: 34px;

	line-height: 34px;

	vertical-align: middle;

	font-size: 120%;

	font-weight: bold;

	color: #FFF;

	text-decoration: none;

	padding: 0 10px;

}



#header #open-account-steps ul li.active span {

	background: url(../img/background-step-left.png) left no-repeat;

}









table#pointidcheck {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 120%;

	color: #666;

	border:solid #CCC 1px;

}



table#pointidcheck td {

	padding:20px;

}



table#pointidcheck .line {

	padding:0px 20px 0px 20px;

}



table#pointidcheck .header {

	background-color:#CCC;

	height:20px;

	background-image:url(../img/table-cellback-header.png);

	padding:15px 20px 15px 20px;

}







table#pointidcheck ul {

	font-size:100%;

	list-style:inside;

	margin-left:5px;

}



table#pointidcheck ul.examples {

	font-size:110%;

	line-height:110%;

}



table#pointidcheck ul.examples li { margin-bottom:10px; }



table#pointidcheck hr {

	height:1px;

	background-color:#CCC;

	border:none;

}



table#pointidcheck h3 { font-size:120%; margin-bottom:5px; }

table#pointidcheck h4 {	margin-bottom:4px; margin-left:5px; }









/* Boxes */



#content .box {

	width:500px;

	border:1px solid #CCC;

	padding:10px;

	margin-bottom:20px;

}



#content-page .alert-box {

	width:400px;

	border:1px solid #CCC;

	padding:10px;

	margin:60px auto 0px auto;

}



#content-page .alert-box h1 {

	width:390px;

	background-color:#900;

	padding:5px;

	color:#FFF;

}



#content .box-fullw, #content-page .box-fullw  {

	width:620px;

	border:1px solid #CCC;

	padding:20px;

	margin-bottom:20px;

}









#content .boxf {

	border:none;}



#content .box-fullw .left {

	width:300px;

	float:left;

}



#content .box-fullw .right {

	width:300px;

	float:left;

}



#content .box .left {

	float:left;

	width:500px;

}



#content .box .right {

	float:right;

	width:80px;

}



.minibox {

	width:295px;

	float:left;

	border:1px solid #CCC;

	padding:10px;

	margin-bottom:20px;

}



.minibox-margin {

	width:295px;

	float:left;

	border:1px solid #CCC;

	padding:10px;

	margin-bottom:20px;

	margin-left:20px;

}









.midibox {

	width:440px;

	float:left;

	border:1px solid #CCC;

	padding:10px;

	margin-bottom:20px;

}



.midibox-margin {

	width:440px;

	float:left;

	border:1px solid #CCC;

	padding:10px;

	margin-bottom:20px;

	margin-left:20px;

}



.midibox form div.mini-options {

	width:440px;



}



.midibox-margin form div.mini-options {

	width:440px;



}





.height {

	height:250px;

}



#content .nextbutton

 {

	width: 80px;

	height: 36px;

	border: 0 none;

	background: url(../img/btn-next.png) 0 0;

	cursor: pointer;

}



#content .nextbutton:hover {

	background-position: 0 -36px;

}



#content .nextbutton span {

	display:none;

}









/* MAIN ----------------------------------------*/





#content {

	float: left;

	width: 660px;

	margin-left: 60px;

	padding-top: 40px;

}





#content div.sub-content {

	float: left;

	width: 300px;

	margin-top: 43px;

}



#content div.sub-content.left {

	margin-right: 60px;

}



#side-panel {

	float: left;

	width: 240px;

	margin-top: 40px;

}



#sub-menu {

	width: 240px;

	background: url(../img/background-sub-menu-bottom.png) bottom no-repeat;

	padding-bottom: 5px;

}



#sub-menu ul {

	background: url(../img/background-sub-menu-top.png) top no-repeat;

	padding-top: 5px;

}



#sub-menu ul li {

	width: 220px;

	height: 32px;

	padding: 0 10px;

}



#sub-menu ul li a {

	float: left;

	width: 190px;

	height: 32px;

	line-height: 32px;

	vertical-align: middle;

	font-size: 120%;

	font-weight: bold;

	color: #666;

	padding-left: 30px;

	background: url(../img/background-sub-menu.png) 0 0;

}



#sub-menu ul li.active a {

	color: #B91D22;

	background: url(../img/background-sub-menu.png) 0 -32px;

}



/* HOME PAGE ------------------------------------*/



#home-hero {

	width: 100%;

	height: 540px;

	padding-top: 44px;

}



#home-hero .slide {

	width: 100%;

	height: 540px;

}



.slide {

	position: absolute;

}



.slide.mobile, .slide.razor, .slide.darkpool, .slide.edge  {

	background: url(../img/background-slide-mobile.png) repeat-x;

}







.slide.mobile .inner {

	background: url(../img/background-slide-mobile-inner.jpg) center no-repeat;

	height: 540px;

}



.slide.razor .inner {

	background: url(../img/background-slide-razor-inner.jpg) center no-repeat;

	height: 540px;

}



.slide.servers, .slide.platforms {

	background: #000;

}



.slide.servers .inner {

	background: url(../img/background-slide-server-inner.jpg) center no-repeat;

	height: 540px;

}



.slide.trading {

	background: #000;

}



.slide.trading .inner {

	background: url(../img/background-slide-trading-inner-v2.jpg) center no-repeat;

	height: 540px;

}





.slide.darkpool .inner {

	background:url(../img/background-slide-dark-pool-inner.jpg) center no-repeat;

	height: 540px;

}

.slide.platforms .inner {

	background:url(../img/background-slide-platforms-inner-2.jpg) center no-repeat;

	height: 540px;

}





.slide.edge .inner {

	background:url(../img/background-slide-edge-inner-2.jpg) center no-repeat;

	height: 540px;

}


.slide.gold {

	background: #000;

}



.slide.gold .inner {

	background:url(../img/background-slide-gold-inner.jpg) center no-repeat;

	height: 540px;

}


.slide.shanghai, .slide.dubai {

	background: #000;

}


.slide.shanghai .inner {

	background:url(../img/background-slide-shanghai-inner.jpg) center no-repeat;

	height: 540px;

}

.slide.dubai .inner {

	background:url(../img/background-slide-dubai-inner.jpg) center no-repeat;

	height: 540px;

}











.slide .description {

	position: absolute;

	left: 0;

	top: 180px;

	width: 300px;

}



.slide .description h2 {

	font-family: pepperstone,Arial,Helvetica,sans-serif;

	font-size: 30px;

	color: #eee;

	font-weight: normal;

	line-height: 1.2em;

	padding-bottom: 15px;

}



.slide .description h2 span {

	color: #13b9fc;

}

.slide .description h2 span.gold {

	color: #ffd700;

}



.slide .description p {

	font-size: 14px;

	color: #eee;

}



.slide a.more {

	float: left;

	width: 94px;

	height: 28px;

	line-height: 28px;

	background: url(../img/btn-client-login.png) 0 0;

	text-align: center;

	color: #FFF;

	margin-top: 7px;

	font-size: 11px;

}



.slide a.more:hover {

	background-position: 0 -28px;

	text-decoration: none;

}





.slideshow #slide-controls {

	position: absolute;

	height: 25px;

	left: 0;

	top: 490px;

	z-index: 1500;

}



.slideshow #slide-controls li {

	float: left;

	margin-right: 5px;

}



.slideshow #slide-controls li a {

	float: left;

	width: 25px;

	height: 25px;

	line-height: 25px;

	text-align: center;

	background: url(../img/btn-slide-number.png) 0 0;

	font-size: 11px;

	font-weight: bold;

}



.slideshow #slide-controls li.active a {

	background-position: 0 -25px;

	color: #FFF;

}



#get-started {

	position: absolute;

	right: 0;

	top: 165px;

	width: 208px;

	height: 235px;

	padding: 25px 23px;

	background: url(../img/background-get-started.png) 0 0;

	z-index: 1000;

}



#get-started h2 {

	font-family: pepperstone, Arial, Helvetica, sans-serif;

	font-size: 18px;

	color: #002d3f;

	text-transform: uppercase;

	font-weight: 800;

	padding-bottom: 10px;

}



#get-started p {

	font-size: 12px;

	color: #444;

	padding-bottom: 20px;

}



#get-started a.open-account {

	width: 170px;

	height: 48px;

	color: #FFF;

	font-size: 17px;

	background: url(../img/btn-open-new-account.png) no-repeat;

	font-weight: normal;

	text-align: center;

	line-height: 1.3em;

	padding: 10px 20px;

	margin-bottom: 10px

}



#get-started a.demo-account {

	width: 170px;

	height: 48px;

	color: #FFF;

	font-size: 17px;

	background: url(../img/btn-new-demo-account.png) no-repeat;

	font-weight: normal;

	text-align: center;

	line-height: 1.3em;

	padding: 10px 20px;

}





#get-started a.open-account:hover,

#get-started a.demo-account:hover {

	background-position: 0 -68px;

	text-decoration: none;

}






.arabic a.open-account {

	width: 170px;

	height: 48px;

	color: #FFF;

	font-size: 17px;

	background: url(../img/btn-open-new-account.png) no-repeat;

	font-weight: normal;

	text-align: center;

	line-height: 1.3em;

	padding: 10px 20px;

	margin-bottom: 10px

}



.arabic a.demo-account {

	width: 170px;

	height: 48px;

	color: #FFF;

	font-size: 17px;

	background: url(../img/btn-new-demo-account.png) no-repeat;

	font-weight: normal;

	text-align: center;

	line-height: 1.3em;

	padding: 10px 20px;

}





.arabic a.open-account:hover,

.arabic a.demo-account:hover {

	background-position: 0 -68px;

	text-decoration: none;

}










#trading-conditions {

	display: block;

	width: 100%;

	height: 54px;
	
	margin-top:20px;	

	background: url(../img/background-trading-conditions.jpg) repeat-x;

}



#trading-conditions span {

	height: 26px;

	background: url(../img/text-trading-conditions.png) no-repeat right;

}

#trading-conditions span.arabic {



	background: url(../img/text-trading-conditions-arabic.png) no-repeat right;

}

#trading-conditions .bounding {
	padding: 12px;
}


#trading-conditions span.seenon {

	height: 26px;
	background: none;
	/* url(../img/text-trading-conditions-seen-on.png) no-repeat right; */
	
}










#openaccountbuttons {

	width:450px;

	margin:0 auto;

	background-color:#C9C;

}


#openaccountbuttons a.open-account {

	width: 170px;

	height: 48px;

	color: #FFF;

	font-size: 17px;

	background: url(../img/btn-open-new-account.png) no-repeat;

	font-weight: normal;

	text-align: center;

	line-height: 1.3em;

	padding: 10px 20px;

	margin-bottom: 10px;

	float:left;

}



#openaccountbuttons a.demo-account {

	width: 170px;

	height: 48px;

	color: #FFF;

	font-size: 17px;

	background: url(../img/btn-new-demo-account.png) no-repeat;

	font-weight: normal;

	text-align: center;

	line-height: 1.3em;

	padding: 10px 20px;

	float:left;

	margin-left:30px;

}





#openaccountbuttons a.open-account:hover,

#openaccountbuttons a.demo-account:hover {

	background-position: 0 -68px;

	text-decoration: none;

}




*/ buttons for splash page

.splashbox

.splashbox h2 {
	font-size:16px;
	width:700px;
	float:left;
}

.splashbox p {
	width:700px;
	loat:left;
}

.splashbox img {
	margin-right:20px; 
	margin-left:-20px;
	margin-top:-10px;
}

#openaccountbuttonssplash {

	width:210px;
	height:146px;
	float:right;
	display:inline-block;
	margin-top:-170px;

}


#openaccountbuttonssplash a.open-account {

	width: 170px;

	height: 48px;

	color: #FFF;

	font-size: 17px;

	background: url(../img/btn-open-new-account.png) no-repeat;

	font-weight: normal;

	text-align: center;

	line-height: 1.3em;

	padding: 10px 20px;

	margin-bottom: 10px;



}



#openaccountbuttonssplash a.demo-account {

	width: 170px;

	height: 48px;

	color: #FFF;

	font-size: 17px;

	background: url(../img/btn-new-demo-account.png) no-repeat;

	font-weight: normal;

	text-align: center;

	line-height: 1.3em;

	padding: 10px 20px;

}





#openaccountbuttonssplash a.open-account:hover,

#openaccountbuttonssplash a.demo-account:hover {

	background-position: 0 -68px;

	text-decoration: none;

}























#content.home #why-pepperstone h2 {

	width: 300px;

	height: 22px;

	/* background: url(../img/h2-why-choose.png) no-repeat; */

}



#content.home #trading-with-pepperstone h2 {

	width: 300px;

	height: 22px;

	/* background:url(../img/h2-trading-with-pepperstone.png) no-repeat; */

}





#content.home #eight-platforms h2 {

	width: 300px;

	height: 22px;

	background:url(../img/h2-8-platforms.png) no-repeat;

}



#content.home #raw-ecn-spreads h2 {

	width: 300px;

	height: 22px;

	background:url(../img/h2-raw-ecn-spreads.png) no-repeat;

}





#content.home #trading-with-razor h2 {

	width: 300px;

	height: 22px;

	background:url(../img/title-index-razor.png) no-repeat;

}



#content.home  #secure-funds h2 {

	width: 200px;

	height: 20px;

	background: url(../img/title-secure-funds.png) no-repeat;

	margin-bottom: 10px;

}



#content.home  #regulated-broker {

	margin-top: 20px;

}



#content.home  #regulated-broker h2 {

	width: 200px;

	height: 20px;

	background: url(../img/title-regulated-broker.png) no-repeat;

	margin-bottom: 10px;

}



#content.home  #metatrader4 h2 {

	width: 200px;

	height: 20px;

	background: url(../img/title-metatrader-4.png) no-repeat;

	margin-bottom: 10px;

}



#content.home  #top-tier-liquidity {

	margin-top: 20px;

}



#content.home  #top-tier-liquidity h2 {

	width: 200px;

	height: 20px;

	background: url(../img/title-top-tier-liquidity.png) no-repeat;

	margin-bottom: 10px;

}





#content.home  #leverage {

	margin-top: 20px;

}



#content.home  #leverage h2 {

	width: 200px;

	height: 20px;

	background: url(../img/title-leverage.png) no-repeat;

	margin-bottom: 10px;

}



/* FORMS ---------------------------------------*/



form  {

	margin-top: 30px;

}





form .nomargin {

	margin-top:0px;!important

}



form div.text {

	display: block;

	margin-bottom: 5px;

	padding:5px;

	clear: both;

}



.activeform {

	background-color:#FFC;

}





form div.text label {

	display: inline-block;

	width: 165px;

	font-size: 130%;

	font-weight: bold;

	color: #333;

	line-height: 26px;

	vertical-align: top;

}







/* FORMS for Quiz ---------------------------------------*/



.client-qualification {

	width:800px;

	margin-left:auto;

	margin-right:auto;

	margin-top:40px;

}



form div.quiztext {

	display: block;

	margin-bottom: 5px;

	padding:5px;

	clear: both;

}





form div.quiztext label {

	display: inline-block;

	width: 720px;

	padding:5px 40px 5px 10px;

	font-size: 130%;

	font-weight: bold;

	color: #333;

	line-height: 20px;

	margin: 30px 0 30px 0;

	background-color:#F9F9F9;

}



form div.quiztext label.error {

	color: black;

	font-weight: normal;

	font-size:110%;

	width:100px;

	padding-left:630px;

	line-height:16px;

	background-color:#F99;

	float:left;

	margin-top:-50px;

}



form div.quiztext label.valid {

	visibility:hidden;	

}



form div.quiztext input {

	float:left;

	width:20px;

	

}



form div.quiztext p {

	float:left;

	width:740px;

	margin-left:20px;

}



.quizscore {

	height:90px;

	width:180px;

	padding:10px;

	float:left;

	text-align:center;

	margin-left:500px;

}



.quizscore .h2 {

	font-size:100px;

	font-weight:bold;

	font-family:pepperstone, Arial, Helvetica, sans-serif;

	padding-bottom: 0;

	line-height: 90px;

	color:#000;

}



.quizscore .h2 .pass {

	font-size:80px;

}



.client-qualification .right {

	width:670px;

	margin-left:20px;

	float:left;

	border:2px solid #999;

	padding:10px;

}



.client-qualification .form-options {

	width:800px;

}



.paper {

	background-image:url(../img/client-qualification/background-client-qual.jpg); 

	background-repeat:no-repeat;

	width:740px;

	height:657px;

	padding:250px 30px 30px 30px;

}







/* FORMS for Quiz ---------------------------------------*/



.rg227warning {

	width:620px;

}



.rgbox {

	width:170px;

	height:180px;

	margin-left:10px;

	margin-bottom:40px;

	margin-top:20px;

	background-color:#FFF;

	float:left;

	padding:10px;

	border:solid 1px #F99;

}

	











/* Checkbox --- */



form div.text label.checkbox {

	width: 350px;

	vertical-align: top;

	line-height:20px;

}



.box-fullw form div.text input.checkbox {

	display:inline;

	width: 40px;!important

}







/* Radio --- */



form div.text label.radio {

	line-height:20px;

	display:inline;

	padding-right:20px;

}



form div.text input[type="radio"] {

	display:inline;

	width:70px;

	background:none;

	border:none;

}



/* Validator Styles--- */



form div.text label.error {

	color: red;

	font-weight: normal;

	font-size:110%;

	padding-left:10px;

	float:right;

	line-height:9px;

	margin-top:5px;

}





form div.text label.valid {

	color: green;

	font-weight: normal;

	font-size:100%;

	padding-left:10px;

}







form div.text span {

	display: inline-block;

	width: 140px;

	font-weight: normal;

	font-size: 80%;

	color: #666;

	line-height: 1em;

}



form div.text select {

	width:200px; }



form div.text input {

	width: 280px;

	padding: 7px;

	background: #F2F2F2;

	border: solid 1px #DDD;

}





form div.text p.fees {

	width: 280px;

	padding: 7px;

	background: #F2F2F2;

	border: solid 1px #DDD;

	display:inline;

}



form #dob {

	display:inline;

	width:80px;

	padding-right:5px;

}







.box-fullw form div.text input {

	width:250px;

}



/* Text Areas --- */



form div.text textarea {

	width: 280px;

	height:80px;

	padding: 7px;

	background: #F2F2F2;

	border: solid 1px #DDD;

}





.box-fullw form div.text textarea {

	width:250px;

}



div.text textarea.tandcs {

	width: 630px;

	height:220px;

	padding: 7px;

	background: #F2F2F2;

	border: solid 1px #DDD;

	margin-bottom:20px;

}





form div.form-options {

	width: 660px;

	height: 48px;

	background: #EEE;

	margin-top:20px;

}



form div.form-options a.formcancel {

	float: left;

	line-height: 28px;

	color: #999;

	margin-left: 20px;

	margin-top:10px;

}







form div.small-options {

	width: 500px;

}



form div.med-options {

	width: 620px;

}





form div.mini-options {

	width: 295px;

}





form div.med-options p  {

	margin:11px 0 0 10px;

	display:inline;

	float:left;

}



form div.med-options input.checkbox {

	margin:15px 0 0 15px;

	float:left;

	display:inline;

}



/* form div.form-options input.submit {

	float: right;

	width: 80px;

	height: 36px;

	border: 0 none;

	background: url(../img/btn-next.png) 0 0;

	margin: 6px;

	cursor: pointer;

}

*/





/* Form Submit Button New */



form div.form-options input.submit {

	height:36px;

	margin:6px;

	float:right;

	border: 0 none;

	background:url(../img/btns/download-btn-back-black.png) repeat-x;

	color: #FFF;

	font-weight: bold;

	text-decoration: none;

	font-size:13px;

	padding: 0px 15px 0px 15px;

	display:inline-block;

}



a.link-button-black:hover {

	background-position: 0 -36px;

	text-decoration: none;

}











form div.form-options input.fund {

	background:url(../img/btn-fund.png) 0 0;

	width:166px;

}



form div.form-options input.download {

	background:url(../img/btn-download-2.png) 0 0;

}





form div.form-options input.razor {

	background:url(../img/razor/btn-open-razor.png) 0 0;

	width:166px;

}



form div.form-options input.standard {

	background:url(../img/razor/btn-open-standard.png) 0 0;

	width:166px;

}



form div.form-options input.learnmore {

	background:url(../img/razor/btn-learn-more.png) 0 0;

	width:166px;

}





form div.form-options input.submit:hover {

	background-position: 0 -36px;

}





.infobox {

	background-color:#EEE;

	padding:8px;

	border:  2px solid #CCC;

	width:644px;

	color:#000;

	font-weight:bold;

}



.infobox-mini {

	width:600px;

	font-weight:normal;

	background-color:#EEE;

	padding:8px;

	border:  2px solid #CCC;

	color:#000;

}



.infobox-midi {

	width:450px;

	font-weight:normal;

	background-color:#EEE;

	padding:8px;

	border:  2px solid #CCC;

	color:#000;

}



.infobox-mini  img { padding-right:15px; }









/* SIDE MODULES ----------------------------------------------*/



#side-panel div.side-module {

	float: left;

	width: 240px;

	margin-bottom: 30px;

}



#side-panel div#question h2 {

	width: 240px;

	height: 36px;

	background: url(../img/title-question.png) no-repeat;

	margin-bottom: 20px;

}

#side-panel div#question h2.jp {

	width: 240px;

	height: 36px;

	background: url(../img/title-question-jp.png) no-repeat;

	margin-bottom: 20px;

}



#side-panel div#why-pepperstone-widget h2 {

	width: 240px;

	height: 36px;

	background:url(../img/title-whypepp.png) no-repeat;

	margin-bottom: 20px;

}

#side-panel div#why-pepperstone-widgetjp h2 {

	width: 240px;

	height: 36px;

	background:url(../img/title-whypepperstonejp.png) no-repeat;

	margin-bottom: 20px;

}





#side-panel div#question ul.support-list li {

	width: 220px;

	height:60px;

	margin-bottom: 10px;

}



#side-panel div#question ul.support-list li a {

	font-weight: normal;

	padding:5px;

}



#side-panel div#question ul.support-list li a:hover {

	background: #f2f2f2;

	text-decoration: none;

}



#side-panel div#question ul.support-list li img { float:left; padding-right:20px;}





#side-panel div#question ul.support-list li h3 {

	font-size: 130%; padding-top:5px;

}



#side-panel div#question ul.support-list li p {

	font-size: 110%;

	padding:5px 0px 0px 0px;

	margin:0;

}



/* For the Withdrawal form */



ul.withdraw li {

	width: 200px;

	margin-bottom: 10px;

	border:1px solid #CCC;

}



ul.withdraw li a {

	font-weight: normal;

	padding:5px;

}



ul.withdraw li a:hover {

	background: #f2f2f2;

	text-decoration: none;

}



ul.withdraw li img { float:left; padding-right: 10px; }





ul.withdraw li h3 {

	font-size: 130%;

}



ul.withdraw li p {

	font-size: 110%;

	padding:0;

	margin:0;

}



/* end withdrawl form */





#side-panel div#liquidity h2 {

	width: 240px;

	height: 36px;

	background: url(../img/title-our-liquidity.png) no-repeat;

}



#side-panel div#liquidity img {

	margin-left: 30px;

	margin-top: 20px;

}



#side-panel div#live-quotes h2 {

	width: 240px;

	height: 36px;

	background: url(../img/title-live-quotes.png) no-repeat;

	margin-top:250px;

}

#side-panel div#live-quotes h2.awards {
	
		background: url(../img/title-awards.png) no-repeat;
		
}

#side-panel div#live-quotes h2.seenon {
	
		background: url(../img/title-as-seen-on.png) no-repeat;
		
		
}

#side-panel div#live-quotes img.seenon {
	
	margin-left: 30px;

	margin-top: 20px;
	
}



#side-panel div#live-quotes iframe {

	margin-top:10px;

}





#side-panel #open-account-buttons {

	width: 23px;

	padding-left: 8px;

}



#side-panel #open-account-buttons #open-live-account {

	float: left;

	width: 224px;

	height: 75px;

	margin-bottom: 10px;

	background: url(../img/btn-open-account.png) 0 0;

}



#side-panel #open-account-buttons #open-live-account:hover {

	background-position: 0 -75px;

}



#side-panel #open-account-buttons #open-demo-account {

	float: left;

	width: 224px;

	height: 75px;

	background: url(../img/btn-demo-account.png) 0 0;

}



#side-panel #open-account-buttons #open-demo-account:hover {

	background-position: 0 -75px;

}









#content #open-demo-account {

	width: 224px;

	height: 75px;

	background: url(../img/btn-demo-account-2.png) 0 0;

	margin-bottom:20px;

}



#content #open-demo-account:hover {

	background-position: 0 -75px;

}





/* FOOTER ---------------------------------------------------------*/



#footer {

	margin: 30px 0;

}



#sitemap {

	background: #f2f2f2 url(../img/background-footer.png) top repeat-x;

	padding: 20px 0;

	margin-bottom: 30px;

}



#sitemap ul {

	width: 960px;

}



#sitemap ul li {

	float: left;

	width: 176px;

	margin-right: 20px;

	line-height: 2em;

}



#sitemap ul li a {

	color: #b91d22;

	font-size: 110%;

}



#sitemap ul li ul {

	width: 176px;

	margin-top: 0.5em;

}



#sitemap ul li.last {

	margin-right: 0;

}



#sitemap ul li ul li {

	margin: 0;

}



#sitemap ul li ul li a {

	color: #999;

	font-weight: normal;

}



#risk-statement {

	text-align: center;

}



#risk-statement p {

	font-size: 100%;

	text-align: justify;

}



#risk-statement ul li {

	display: inline-block;

	padding: 5px;

}



#footer div.logo {

	margin-top: 20px;

}













/* IMAGE REPLACERS ------------------------------------------------*/





h1#about-us { background:url(../img/title-about-pepperstone.png) no-repeat; }

h1#regulation-licensing { background:url(../img/title-regulation-licensing.png) no-repeat; }

h1#partnership { background:url(../img/title-partnership.png) no-repeat; }

h1#aslan { background:url(../img/title-aslan-group.png) no-repeat; }

h1#introbrokers{ background:url(../img/title-introducing-brokers.png) no-repeat; }

h1#legal{ background:url(../img/title-legal.png) no-repeat; }



h1#whatisforex { background:url(../img/title-whatisforex.png) no-repeat; }

h1#glossary { background:url(../img/title-forexmarketglossary.png) no-repeat; }

h1#faq { background:url(../img/title-faq.png) no-repeat; }

h1#anatomy { background:url(../img/title-anatomy.png) no-repeat; }







h1#metatrader4 { background:url(../img/title-metatrader4.png) no-repeat; }

h1#metatrader5 { background:url(../img/title-metarader5.png) no-repeat; }

h1#metatraderiphone { background:url(../img/title-metatraderiphone.png) no-repeat; }

h1#metatradermobile { background:url(../img/title-metatradermobile.png) no-repeat; }

h1#physicalfx { background:url(../img/title-physicalfx.png) no-repeat; }

h1#pammam { background:url(../img/title-pamm-mam.png) no-repeat; }



h1#spreads { background:url(../img/title-spreads.png) no-repeat; }

h1#swaps { background:url(../img/title-swaps.png) no-repeat; }

h1#tradingconditions { background:url(../img/title-tradingconditions.png) no-repeat; }

h1#whypepperstone { background:url(../img/title-whypepperstone.png) no-repeat; }



h1#funding { background:url(../img/title-funding.png) no-repeat; }

h1#withdrawals { background:url(../img/title-withdrawals.png) no-repeat; }

h1#platinum { background:url(../img/title-platinum.png) no-repeat; }

h1#contactus { background:url(../img/title-contactus.png) no-repeat; }



h1#downloadmt4 { background:url(../img/title-downloadmt4.png) no-repeat;  }





h2#one { background:url(../img/why-title-1.png) no-repeat; }

h2#two { background:url(../img/why-title-2.png) no-repeat; }

h2#three { background:url(../img/why-title-3.png) no-repeat; }

h2#four { background:url(../img/why-title-4.png) no-repeat; }

h2#five { background:url(../img/why-title-5.png) no-repeat; }

h2#six { background:url(../img/why-title-6.png) no-repeat; }

h2#seven { background:url(../img/why-title-7.png) no-repeat; }



h2#about-one { background:url(../img/about-title-1.png) no-repeat; }

h2#about-two { background:url(../img/about-title-2.png) no-repeat; }

h2#about-three { background:url(../img/about-title-3.png) no-repeat; }

h2#about-four { background:url(../img/about-title-4.png) no-repeat; }

h2#about-five { background:url(../img/about-title-5.png) no-repeat; margin-bottom:20px; }

h2#about-six { background:url(../img/about-title-6.png) no-repeat; }



h2#conditions-one { background:url(../img/conditions-title-1.png) no-repeat; margin-bottom:20px; }

h2#conditions-two { background:url(../img/conditions-title-2.png) no-repeat; margin-bottom:20px; }

h2#conditions-three { background:url(../img/conditions-title-3.png) no-repeat; margin-bottom:20px;}

h2#conditions-four { background:url(../img/conditions-title-4.png) no-repeat; margin-bottom:20px; }

h2#conditions-five { background:url(../img/conditions-title-5.png) no-repeat; margin-bottom:20px; }

h2#conditions-six { background:url(../img/conditions-title-6.png) no-repeat; }











/* Download Page ------------------------------------------------*/



#download-page h3 {

	height:20px;

	width:146px;

	background:url(../img/btns/download-btn-back.png) repeat-x;

	border:solid 1px #999999;

	text-align:left;

	cursor:pointer;

	color: #075b76;

	font-weight: bold;

	text-decoration: none;

	font-size:11px;

	margin-top:10px;

	padding: 6px 10px 0px 10px;

	display:inline-block;

}



#download-page h3:hover {

	background-position: 0 -26px;

	border-color:#666;

}



#download-page h3.active  { color:#d74646;  }





/* Fractions ------------------------------------------------*/





table.fraction { text-align: center; vertical-align: middle; font-size:13px; margin:20px 0 20px 20px; color:#000;}

table.fraction td { vertical-align:middle; padding:5px 10px 5px 10px;}

td.upper_line { border-top:solid 1px black; }

p.fraction { color:#000; margin:20px 0 20px 20px; }

h2.fraction { margin-top:30px; }

.fractionexample { width:400px; padding:20px; background-color:#F9F9F9;}





/* UTILITY CLASSES ------------------------------------------------*/



.image-replaced {

	text-indent: -9999px;

	font-size: 0;

	display: block;

	line-height: 0;

	background-color: transparent !important;

	background-repeat: no-repeat !important;

	padding: 0 !important;

}



.image-replacer {				/* seperate class for all page titles with fixed width height */

	text-indent: -9999px;

	font-size: 0;

	display: block;

	line-height: 0;

	background-color: transparent !important;

	background-repeat: no-repeat !important;

	padding: 0 !important;

	height: 22px;

	width:280px;

}



.whypepperstone-replacer  {	width:350px; margin: 10px 0 10px 0;}



.hidden

{

	position: absolute;

	left: -9999px;

	height: 1px;

	width: 1px;

	overflow: hidden;

	margin-bottom: -1px;

	font-size: 1px;

	line-height: 1px;

}



.clearer

{

	clear: both;

	height: 1px;

	overflow: hidden;

	margin-top: -1px;

	font-size: 1px;

	line-height: 1px;

}



#livechathidden {

	display:none;

	width:1px;

	height:1px;

	overflow:hidden;

}





#google_translate_element {

	border:none;

	visibility:hidden;

	color:#FFF;

	margin-top:-3px;

}



#google_translate_element select {

	visibility:visible;!important

	font-size:11px;

}



#google_translate_element  img { display:none; }

#google_translate_element  span { display:none; }





.textred {

	color:#F00;

}



.text-darkred { color: #B91D22; }



html body .alert-info-highlight,

html body .alert-info-highlight a {

	background-color:#3A87AD;

	color:#FFF;

	text-shadow:none;

}

html body .alert-info-highlight a {

	text-decoration:underline;

}





.buttons button {

	float:right;

	margin:9px 9px 0 0;

}



/**

 * TWITTER BOOTSTRAP OVERIDES

 */

.alert {

	margin-bottom:20px;

	font-size:13px;

}



.alert a {

	color:#9d7838;

}

.alert-info a {

	color:#075B76;

}

.alert-error {

	color:#983736;

}

.alert-success {

	color:#306a31;

}