/**
 * CMC Markets Modules CSS
 * 
 * Contents
 * 1. Misc Utilities
 * 2. Content Modules 
 * 3. Form Modules		
 * 4. Promo Modules	
 * 5. Navigation Modules
 *
 */

/**
 * Global initial values
 */
div, 
body, 
h1, 
h2, 
h3, 
h4, 
h5, 
p, 
ul, 
ol, 
li,
table,
tbody,
td,
th, 
img {
	margin: 0; padding: 0;
}
html {
	font-size: 100%;	
}
*
body {
	font-size: 57.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/**
 * Misc utility classes
 */
.floatLeft { 
	float: left; 
} * html .floatLeft {
	display: inline; /*double float margin bug fix */ 
}
.floatRight { 
	float: right; 
} * html .floatRight {
	display: inline; /*double float margin bug fix */ 
}
div.clear {
	clear: both;
	height: 0; overflow: hidden;
}
.clear {
	clear: both;
}
.nowrap {
	white-space:nowrap;
}
.comment {
	padding: 5px; border: 1px dashed red;
}
#errorDisplay p {
	text-align: left; font-family: Courier; font-size: 10px;
}
/* Use for tracking images */
p.tracking { 
	visibility: hidden;
}
p.tracking img {
	 width: 0; height: 0; border-width: 0; margin: 0;
}

div#t1 h2.flash{
	text-indent:0px;
	}
/*
 * ---------------------------------------- CONTENT MODULES -----------------------------------------------
 *
 * C1: Page Title for T3-5
 */
div#t3a h2, 
div#t3b h2, 
div#t4 h2, 
div#t5 h2 {
	margin-bottom: 1em;
	font-size: 2em; 
 	color: #fff;
}
div#t3a h2.graphical, 
div#t3b h3.graphical, 
div#t4 h2.graphical, 
div#t5 h2.graphical {
	float: left; 
	display: inline; 
	height: 124px; 
	width: 397px; 
	margin: -12px -12px 1em -12px;
}

/**
 * C2: Graphical Page Titles for T1 and T2
 */
div#t1 h2 {
	height: 172px; margin: 0 0 12px 0;
	text-indent: -5000px;
}
div#t2 h2 {
	height: 120px; width: 428px; margin: 0 0 10px 0;
	text-indent: -5000px;
	background-repeat: no-repeat; background-position: right 0;
}
div#t2 h2 a, 
div#t1 h2 a {
	position: absolute; 
	display: block;
	font-size: 11px; text-decoration: none; 
	text-indent: -5000px;
}

/**
 * C3: Tag Line for T3-5
 */ 
div#t3a h3, 
div#t3b h3, 
div#t4 h3, 
div#t5 h3 {
	margin: 0 0 1em 0;
	font-size: 1.5em; 
 }
/**
 * C4: Paragraph/body copy 
 */
div#t2 h4, 
div#t3a h4, 
div#t3b h4, 
div#t4 h4, 
div#t5 h4 { 
	margin: 0 0 1em 0;
	font-family: Verdana, sans-serif; 
	font-size: 1.5em; font-weight: bold;
	color:#fff;
} 
h5 { 
	font-size: 1.2em; font-weight: bold;
	margin-bottom:1.66667em;
} 
p { 
	font-size:1.2em;
	line-height:1.66667em;
	margin-bottom:1.66667em;

}
ul {
	margin: 0 0 1em 17px;
}
ul li {
	margin: 0 0 0.5em 0;
	font-size:1.2em;
	/*list-style-image: url(/repository/images/bullets/standard_bullet.png);*/
}	
ol {
	margin: 0 0 1em 17px;
}
ol li {
	margin: 0 0 0.5em 0;
}
dl {
}
dl dt {
	margin: 0; padding: 0;	
	font-weight: bold; 
}
dl dd {
	margin: 0 0 1em 0; padding: 0;
}

address {
	margin: 0 0 1em 0;
	font-style: normal;
	font-size:1.2em;
}

p acronym, p abbr {
	border-bottom: 1px dotted;
	cursor: help;
}

blockquote {
	margin: 0 0 1em 0; padding:0;
	font-weight: bold;
}
cite {
	font-style:normal; font-weight: normal;
}
strong.cmcRed {
	font-weight: bold; color: #CC0033;
}

/**
 * C5: Text Links
 */
p a, 
li a, 
th a, 
td a, 
label a, 
h4 a, 
dl a { 
	color: #fff;
}
/*
p a:active, 
li a:active, 
th { 
	text-decoration: none;
}
p a:visited, li p a:visited { 
	color: #444444;
}
*/
p a:hover, 
li a:hover, 
th a:hover, 
td a:hover, 
label a:hover, 
h4 a:hover, 
dl a:hover { 
	color: #ffff00;
	text-decoration: underline; 
}

p a:active, 
li a:active, 
th a:active, 
td a:active, 
label a:active, 
h4 a:active, 
dl a:active {
	 
	color: #0066FF;
	text-decoration: none;
}

p a:visited, 
li a:visited, 
th a:visited, 
td a:visited, 
label a:visited, 
h4 a:visited, 
dl a:visited {
	color: #fff;
}

/**
 * C6: Emphasised Link / Button
*/
a.blueLinkButton { 
	display: block; 
 	margin: 0 0 1em 0; 
	padding: 0 0 0 17px;
	text-decoration: none; 
	color: #fff; 
	font-weight: bold;
	background: url(/repository/images/icons/arrow_link_icon_en_GB_32red.gif) no-repeat left top;
	cursor: pointer;	
	font-size:11px;
}
a.blueLinkButton:hover {
	text-decoration: underline;
}
a.redLinkButton { 
	display: block; height: 15px; margin: 1em 0; padding: 0 0 0 20px;
	text-decoration: none; font-weight: bold;
	background: url(/repository/images/icons/grey_arrow_en_GB_32red.gif) no-repeat 0px 1px;
	cursor: pointer;
	font-size:11px;
	color: #000; 
}
a.blackLinkButton { 
	display: block; height: 15px; margin: 0 0 1em 0; padding: 0 0 0 20px;
	text-decoration: none; color: #000000; font-weight: bold;
	background: url(/repository/images/icons/black_link_icon.png) no-repeat -3px -3px;;
	cursor: pointer;
}

/**
 * Addition of a Emphasised Backlink Button
*/
a.blueBackLinkButton { 
	display: block; height: 15px; margin: 0 0 1em 0; padding: 0 0 0 20px;
	text-decoration: none; color: #17617B; font-weight: bold;
	background: url(/repository/images/icons/blue_link_icon_rtl.png) no-repeat -3px -3px;
}


/**
 * C7: Downloadable Link 
 * Example:
 * 	<a href="#" class="downloadLink" rel="document"><span class="document">Terms of Business</span><span class="format">(PDF 45k)</a>
 */
a.downloadLink {
	display: block; height: 15px; padding: 0 0 0 20px; margin: 0 0 1em 0;
	text-decoration: none;
	background: url(/repository/images/buttons/download_link_pro_32red.png) no-repeat  0 0;
	color: #fff;
}
a.downloadLink:hover {
	text-decoration:underline;
	}
a.downloadLink span.document,
a.downloadLink span.file {
	padding-right: 1em;
 
}
a.downloadLink span.format {
 color: #ffff00;
}

/**
 * C8: Hardrule
 */
div.hardrule {
	height: 1px; overflow: hidden; margin: 1em 0 1em 0;
	background: url(/repository/images/hardrule.png) repeat 0 0;
}

/**
 * C9: Image
 */
img, a img {
	border-width: 0;
}
p.imageCaption {
	font-size: 0.9em; color: #444444;
}

img.contentImage {
	float: left; 
	margin: 2px 11px 11px 0; width: 134px; height: 134px;
}

/**
 * C10: Invisible Table
 */
table.invisibleTable {
	border-collapse: collapse; margin: 0 0 1em 0; padding: 0;
	font-size:1.2em;
 }
table.invisibleTable th {
	padding: 0 15px 20px 0; width: 115px;
	font-weight: bold; text-align: left; vertical-align: top;
}
table.invisibleTable td {
	padding: 0 0 20px 0;
	vertical-align: top;
}

/**
 * C11: Visible Table
 * visibleTable1 is used for tables with headings along the top 
 * visibleTable2 is used for tables with heading on down the left column
 */
/*  visibleTable1 is used for tables with headings along the top */
table.visibleTable1 {
	border-collapse: collapse; margin: 0 0 1em 0; padding: 0; border: 1px solid #fff;
}
table.visibleTable1 th {
	border-right: 1px solid #fff; padding: 7px 12px 7px 12px;
	text-align: left; vertical-align: bottom;
	font-weight: bold; color: #fff;
	background-color: #940005;
}
table.visibleTable1 td {
	border-right: 1px solid #fff; padding: 7px 12px 7px 12px;
	text-align: left; vertical-align: top; 
	color: #fff;
}
table.visibleTable1 tr.even td {
	border-right-color: #ffffff;
	background-color: #940005;
}
table.visibleTable1 td.numeric, 
table.visibleTable2 td.numeric {
	text-align: right;
}

/* visibleTable2 is used for tables with heading on down the left column */
table.visibleTable2 {
	border-collapse: collapse; 
	border: 1px solid #fff; 
	margin: 0 0 1em 0; 
	padding: 0;
	font-size:11px;
}
table.visibleTable2 th {
	padding: 7px 12px 7px 12px; 
	border-bottom: 1px #ffffff solid;
	vertical-align: top; 
	text-align: left;
	font-weight: bold;  
	color: #fff;
	background-color: #730004;
}
table.visibleTable2 td {
	padding: 7px 12px 7px 12px; border-bottom: 1px #fff solid;
	text-align: left; vertical-align: top; color: #fff;
}

/**
 * C12: FAQ List
 */
ol#inPageNavItems.faqTopics li, 
ol#inPageNavItems.faqTopics li a {
	 /*display: inline;*/
}
ol#inPageNavItems.faqTopics li a {
	padding-right: 30px;
}

dl.faqList dt a, 
dl.faqList dt a.answerHidden { 
	display: block; 
	padding: 0 0 6px 21px;
	text-decoration: underline;
	text-decoration: none;
	background: url(/repository/images/bullets/faq_question_answerhidden_en_GB_32red.gif) no-repeat 0 0;
 	cursor: pointer;
}
dl.faqList dt a.answerVisible { 
	font-weight: bold;
	background: url(/repository/images/bullets/faq_question_answervisible_en_GB_32red.gif) no-repeat 0 0;

}
dl.faqList dd {
	margin: 0; padding: 0 0 0 21px;
}

/**
 * C16: Frame 
 */
div.frameHeader {
	height: 7px; overflow: hidden;
	background-position:top; background-repeat: no-repeat;
}
div.frameContent {
	min-height: 300px;
	background-repeat:repeat-y;
} * html div.frameContent {
	height: 300px; /* min-height */
}

div.frameFooter {
	clear:both;
	height: 7px; overflow: hidden;
	background-position:top;	background-repeat: no-repeat;
}

div.frameContent p#paymentTypes{
	background-color:#fff;
	width:400px;
	padding:5px;
}
/* For template 3a */
/*
div#t3a div.frameHeader {
	background-image: url(/repository/images/frames/frame_header_t3a.png);
}
*/
div#t3a div.frameContent {
	padding: 20px;
	border:1px;
	/*background-image:url(/repository/images/frames/frame_content_t3a.png);*/
	background-color:#940005;
}
/*
div#t3a div.frameFooter {
	background-image: url(/repository/images/frames/frame_footer_t3a.png);
}
*/
/* For template 3b */
/*
div#t3b div.frameHeader {
	background-image: url(/repository/images/frames/frame_header_t3b.png);
}
*/
div#t3b div.frameContent {
	padding: 2em;
	/*background-image: url(/repository/images/frames/frame_content_t3b.png);*/
	background-color:#940005;
}
/*
div#t3b div.frameFooter {
	background-image: url(/repository/images/frames/frame_footer_t3b.png);
}
*/
/* For template 4 */
/*
div#t4 div.frameHeader {
	background-image: url(/repository/images/frames/frame_header_t4.png);
}
*/
div#t4 div.frameContent {
	padding: 2em;
	/*background-image: url(/repository/images/frames/frame_content_t4.png);*/
	background-color:#940005;
}
/*
div#t4 div.frameFooter {
	background-image: url(/repository/images/frames/frame_footer_t4.png);
}
8/

/** 
 * C17: Page Utilities 
 */
div#pageUtilities {
	position: absolute; top: 0;
	width: 100px;
}
div#t3a div#pageUtilities {
	right: -176px;
}
div#t3b div#pageUtilities {
	right: 0;
}
div#t4 div#pageUtilities {
	right: -176px;
}
div#pageUtilities a { 
	float: right;
	display: block; height: 16px; width: 16px; margin: 0 0 0 9px;
	text-indent: -5000px;
}
div#pageUtilities a#printPreview { 
	background-image: url(/repository/images/icons/print.gif);
}
		
/**
 * C18: History
 * Use with javascript behaviours
 */
div#history ol#historyLinks {
	margin: 0; padding: 0;
}
div#history ol#historyLinks li {
	float: left;
	margin: 0; padding: 0;
	text-align: center;
	list-style: none;
}
div#history ol#historyLinks a {		
	display: block;	height: 2em; padding: 4px 0 0 0; border: 1px solid #031f2e;
	text-decoration: none; color: #17617b; font-weight: bold;
	background-color: #e5ecf0;
	cursor: pointer;
}
div#history ol#historyLinks a.selected, 
div#history ol#historyLinks a:hover {		
	border-bottom-width: 0;
	background-color: #ffffff;	
}
div#history div.historyContentBox {
	clear:left;
	padding: 1em 10px 1em 10px; margin: -1em 0 1em 0;
	border: 1px solid #031f2e; border-top-width: 0;	
	background-color: white;
}

/** 
 * C19: Site Map
 */
div.sitemap {
	float: left;	
	width: 155px; margin: 0 10px 0 0;
}
div.sitemap h4 {
	margin: 0 !important;
} 
div.sitemap h4 a {
	display: block; min-height: 14px; padding: 3px 0 3px 10px;
	text-decoration: none; font-weight: bold; font-size: 0.9em; color: #fff;
	background: url(/repository/images/nav/secondary/background_en_GB_cantos.png);	
}
div.sitemap ol {
	position: relative;
	margin: 0 0 1em 0; padding: 11px 0 11px 0;
	list-style: none;
 }
div.sitemap ol ol {
	padding: 0; margin: 0;
	background-image: none;
}
div.sitemap ol li {
 
	margin-top: -1em; /* IE list spacing bug */
	color:#000000;
 	display:block;
	font-size:11px;
  	margin:1em 0pt;
	padding:0pt 0pt 0pt 10px;
	text-decoration:none;
	
}
div.sitemap ol li a {

	text-decoration: none;
	color:#fff;
}
div.sitemap ol li li {
	padding: 0 0 0 10px;

}
div.sitemap ol li a:hover {
	text-decoration:underline;
	color:#ffff00;
 }

/**
 * C20: Button List
 */

div.buttonList {
	border-bottom: 1px solid #CBD9E1; width:95%
}
div.buttonList button { 
	display: block; padding: 4px 0 4px 25px; min-height: 2.2em; width: 100%; border: 1px solid #CBD9E1; border-bottom-width: 0;
	text-decoration: none; color: #4B8CA4; margin: 0;
	background: url(/repository/images/icons/red_link_icon.png) no-repeat 2px 2px;
} * html div.buttonList button { /* make 2 lines high by default for ie6*/
	height: 3.2em;
	background-position: 2px 2px;
}

div.buttonList button:hover { 
	text-decoration: underline;
}
div.buttonList button.even {
	background-color: #F0F4F7;
}

/** 
 * C21: Definitions
 */
dfn {
	border-bottom: 1px dotted #17617b;
	font-style: normal; font-weight: bold; color: #7A9117;
	cursor: help;
}
dfn span.description {
	position: absolute;
	display: block; border: 2px solid #7A9117; padding: 5px;
	font-weight: bold; color: #7A9117;
	background-color: white;
}

/**
 * C22: News lists
 */
div#news h5 {
	font-weight:normal;
	line-height:1.5;
	margin-bottom:4px;
}
div#news h5 a {
	color:#990000;
	font-weight:bold;
	margin-right:2px;
}
div#news h5 span.pdf {
	background:transparent url(/repository/images/icons/icon_pdf.png) no-repeat scroll -0.1px 60%;
	padding:2pt 0pt 2pt 20px;
}
div#news p.newsDate {
	color:#000000;
	font-size:0.9em;
	margin-bottom:5px;
}

/*
 * --------------------------------------------- FORM MODULES --------------------------------------------
 *
 * Universal Form Styles for F1, F2, F3, F4
 */
form {
	margin: 0;
}
div.form { 
	position: relative;
}
div.form p {
	color: #fff;
}
table.form { 
	border: 1px solid #fff; margin: 0 0 10px 0;
	border-collapse: collapse;
}
table.form th {
	padding: 8px; border: 0 solid #ffffff; border-bottom-width: 2px; border-right-width: 1px;
	text-align: left; vertical-align: top; font-weight: bold; color:  #fff;
	background-color: #730004;
}
table.form td {
	padding: 4px 8px 4px 8px; border-bottom: 1px solid #fff; 
	text-align: left; color: #fff; vertical-align: top;
}
table.form td.center, 
table.form td.centre {
	text-align: center;
}

/* Checkbox holder */
div.checkbox {
	margin: 0 0 10px 0; padding: 8px;
	border: 1px solid #ccc; 
	color: #FFFFFF;
}
div.checkbox input.checkbox {
	float: left;
}
div.checkbox label {
	margin: 0 0 0 32px;
}

/* Radio group holder */
div.radioGroup {
	padding: 8px; margin: 0 0 1em 0; border: 1px solid #ccdae1; 
}
div.radioGroup label {
	/*padding: 0 0 1em 0; margin: 0 0 1em 0;*/
	padding: 0 0 5px 0; margin: 0 0 5px 0;
	color: #17617B;
}
div.radioGroup input.radio {
	float: left; clear: left;
}


/* Declaration box */
div.declarationBox {
	margin: 0 0 10px 0; padding: 8px; height: 200px; overflow: auto; border: 1px solid #ccdae1; 
	color: #17617B;
	background-color: #f7f9fb;
}

/**
 * F1: Cost Calculation Form
 */
 
/**
 * F2: Instrument Finder
 */
#marketList {
	width: 100%; margin-bottom: 1em;
}
#instrumentList {
	width: 100%; margin-bottom: 1em;
}
div#instrumentDetails {
      overflow: visible;
}
table#instrumentDetails {
	width: 100%;
}
table#instrumentDetails td {
	border: 1px solid #E9EEF3;
}
.bid, .offer, .spread {
	padding-right: 15px; width: 55px;
	text-align: right;
}
.bid, .offer { 
	color: green;
}
.priceUp {
	padding-right: 15px; width: 55px;
	color: blue !important; text-align: right;
	background: white url(/sales_repository/images/icons/price_up.png) no-repeat right 8px;
}
.priceDown {
	padding-right: 15px; width: 55px;
	color: red !important; text-align: right;
	background: white url(/sales_repository/images/icons/price_down.png) no-repeat right 8px;
}
.priceSame {
	color: green !important; text-align: right;
	background-color: white;
}
.priceUpHighlighted {
	padding-right: 15px; width: 55px;
	text-align: right; color: white !important;
	background-color: blue;
}
.priceDownHighlighted {
	padding-right: 15px; width: 55px;
	text-align: right; color: white !important;
	background-color: red;
}
#instrumentFinder td.remove {
	width: 21px;
}
#instrumentFinder td.remove button {
	position: relative;
	width: 21px; height: 21px; border-width: 0;
	font-size: 0;
	background-image: url(/sales_repository/images/buttons/remove.png);		
	cursor: pointer;
	text-indent: -5000px;
}
#instrumentFinder p#removeAll {
	display: none;
	text-align: right;
}
#instrumentFinder p#removeAll button {
	height: 19px; width: 90px; border-width: 0;
	text-indent: -5000px;
	background-image: url(/sales_repository/images/buttons/clearform_en.png);	
	cursor: pointer;
}

/**
 * F3: Submission form: single step.
 */
 
/* Form Table */
div#formSingleStep {
	
}
div#formSingleStep table.form { 
	width: 500px; width: 100%;
}
div#formSingleStep table.form th {
	width: 160px; width: 33%
}
div#formSingleStep div.checkbox {
	width: 482px; width: 96%;
}
div#formSingleStep  div.radioGroup {
	width: 482px; width: 96%;
}
div#formSingleStep div.declarationBox {
	width: 482px; width: 96%;
}

/**
 * F4: Submission form: multiple steps
 */
div#formMultipleSteps {
	margin-left: 175px;
}
/* Header */
div#formMultipleSteps h3{
	margin-top: 0;
}
/* Form Table */
div#formMultipleSteps table.form { 
	width: 350px;
}
div#formMultipleSteps table.form th {
	width: 160px;
}
div#formMultipleSteps div.checkbox {
	width: 332px;
}
div#formMultipleSteps  div.radioGroup {
	width: 332px;
}
div#formMultipleSteps div.declarationBox {
	width: 332px;
}

/* Step Indicator */
ol#stepIndicator {
	position: absolute; left: 20px; top: 98px;
	margin: 0 0 0 0; padding: 0 0 0 25px; width: 140px;
}
ol#stepIndicator li {
  padding: 1px 0 0 5px; margin: 0 0 10px 0;
  font-weight: bold; color: #adadad;
  background-position: 0 0; background-repeat: no-repeat;
}

ol#stepIndicator li.selected {
	color: #fff; font-weight: bold;
}

/**
 * F5: Form Help
 */


/**
 * F6: Form labels
 */
form label {
	display: block;
}
form .invalid, form p.invalid {
	color: #EA0000; font-weight: bold;
}
form label.invalid em, form label.invalid big {
	font-style: normal; font-size: 1em;
}
table.form p {
	margin: 6px 0 6px 0;
	line-height: 1.2em;
}

/** 
 * F7: Form Inputs
 */
/* Inputs */
input.text, select {
	padding: 2px; margin-bottom: 2px;
	font-family: Verdana, sans-serif; color: #333333;
}
input.text {
	width: 95%;
}
select {
	width: 97%
}
/* Text area */
textarea {
	width: 96%; padding: 2px; height: 90px;
	font-family: Verdana, Arial, sans-serif; font-size: 1em;
}
/* Fieldsets */
fieldset {
	border-width: 0; padding: 0; margin: 0;
}
fieldset.hiddenFields {
	display: none;
}
/* Option group */
/*
form fieldset.radioGroup label {
	float: left;
	margin: 5px 0 10px 0;
}

form input.radio {
	float: left; clear: left;
	margin: 5px 5px 5px 0;
}
*/	

/* Date */
form fieldset.date input.text {
	width: 20px; margin-right: 3px; 
}
form fieldset.date input#current_date_dob_year, 
form fieldset.date #current_date_declarationTodaysDate_year {
	width: 40px;
}
/*  Bank Sort Code */
form fieldset.bankSortCode input.text {
	width: 25px; margin-right: 3px; 
	text-align: center;
}

/** 
 * F8: Form Butttons
 */
div#formFooter {
	height: 19px;
}
div#formFooter input.submit {
	float: right;
	margin-left: 20px;height: 22px; border: 0;
	text-indent: -5000px; font-size: 0;
	cursor: pointer;
}
button  { 
	display: block; padding: 0; border-width: 0; height: auto;
	font-family: Verdana, sans-serif; color: #444444; font-size: 1em; text-align: left;
	background-color: transparent;
	cursor: pointer;
}
input#submit {
	width: 60px;
	background-image: url(/repository/images/buttons/submit_en_GB_city.png);
}
input#back {
	width: 60px;	
	background-image: url(/repository/images/buttons/previous_en_GB_city.png);
}
input#next {
	width: 60px;	
	background-image: url(/repository/images/buttons/continue_en_GB_city.png);
}
input#register {
	width: 60px;	
	background-image: url(/repository/images/buttons/register_en_GB_city.png);
}


/**
 * F9: View Application
 */


/*
 * ------------------------------------------ PROMO MODULES ------------------------------
 *
 * P1 and P2
 */
div.promo1, 
div.promo2 {
	min-height: 120px; padding: 0 10px 2.5em 10px;
} * html div.promo1, 
  * html div.promo2 {
	height: 120px; /* IE min height fix */
}
div.promo1 p, 
div.promo2 p,
div.promo3 p 
{
	margin: 0 0 0.5em 0;
	font-size:11px;
	color:#000;
	line-height:1.3em;
   }
 
div.promo1 li, 
div.promo2 li {
	color:#000;
	font-size:11px;
	line-height:1.1em;
	margin:0pt 0pt 0.2em;
}

/**
 * P1: Single Destination Highlight Module
 * Appears on the first two templates. Slightly wider for template 1
 */
div.promo1 {
	position: relative; float: left;
	margin: 0 9px 10px 0;
} 
div.promo1 h3 {
	font-size: 1.2em; 
	color: #000;
	min-height: 25px; 
	padding: 11px 10px; 
	margin: 0 -10px 6px;
} * html div.promo1 h3 {
	height: 25px; /* ie6 min-height */
}

div.promo1 h4 {
	margin: 15px 0 2px 0;
}
div.promo1 a.blueLinkButton {
	position: absolute; bottom: 0; clear: both;
	color: #a50006;
	background: url(/repository/images/icons/grey_arrow_en_GB_32red.gif) no-repeat 0px 1px;
}
a#discover
{
	bottom:2.5em!important;
	}
div.promo1 img.miniImage,
div.promo2 img.miniImage {
	float: left;
	width: 45px; 
	height: 50px; 
	margin: 3px 11px 0 0;
}
/* Template 1 */
div#t1 div.promo1 {
	width: 156px;
	min-height:163px;
	background: #fff url(/repository/images/headers/h3/promo1_corner_32red.png) no-repeat bottom left;
}
} * html div#t1 div.promo1 {
	height:163px; /* ie6 min-height */
}
div#t1 div.promo1 h3 {
	background: #ccc url(/repository/images/headers/h3/promo1_header_background_small.jpg) repeat-x top left;
}

/* Template 2 */
div#t2 div.promo1 {
	width: 189px;
	/*min-height:152px;*/
	background: #fff url(/repository/images/headers/h3/promo1_t2_corner_32red.png) no-repeat bottom left;
}
div#t2 div.promo1 h3 {

	background: #ccc url(/repository/images/headers/h3/promo1_header_background.jpg) repeat-x top left;
	/*margin: 2px -8px 6px;*/
}
} * html div#t2 div.promo1 {
	height:162px;  /*ie6 min-height*/
}

/**
 * P2: Multiple Destination Promo Module
 * 
 */
div.promo2 {
	position: relative; float: left;
	margin: 0 9px 10px 0;
}
div.promo2 h3 {
	height: 19px; padding: 6px 15px 0 15px; margin: 0 -10px 6px -10px;
	font-size: 1em; color: #fff;

} * html div.promo2 h3 {
	height: 19px;
}
/* Template 1 */
div#t1 div.promo2 {
	width: 343px;
	background: url(/repository/images/promos/promo2_background.png) no-repeat 0 bottom;	
}
div#t1 div.promo2 h3 {
	background: url(/repository/images/headers/h3/promo2.png) no-repeat 0 0;
}

/* Template 2 */
div#t2 div.promo2 {
	width: 409px;
	background: url(/repository/images/promos/promo2_background_t2.png) no-repeat 0 bottom;	
}
div#t2 div.promo2 h3 {
	background: url(/repository/images/headers/h3/promo2_for_t2.png) no-repeat 0 0;
}

div.promo2 div.text {
	float: left;
	width: 151px; padding-right: 35px;
}
div.promo2 div.destinationLinks {
	float:left;
	width: 152px; margin-top: 3px;
}
div.promo2 div.destinationLinks div.hardrule {
	 margin: 3px 0 6px 0;
}
div.promo2 h4 {
	margin: 0 15px 2px 15px;
	text-indent: -5000px;
	background: url(/repository/images/white_canvas.png) no-repeat 0 0;
}

/**
 * P3: PROMO 3 
 */
div.promo3 {
	position: relative;
	padding: 10px; 
	margin: 0 0 1em 0;
}
div.promo3.black p {
	color: #000000;
}
div.promo3 {
	background: #fff url(/repository/images/promos/promo3_background_32red.jpg) repeat-x 0 0;
 }
div#t1 div#priceTicker {
	background: #e6c963 url(/repository/images/promos/promo3_background_t1_dsmt.png) no-repeat 0 0;
	border:1px solid #e1be45;}
div#t1 div.promo3 {
	border:none!important}
	
div.promo3 h3 {
	margin: 0 0 7px 0 !important;
	font-family: Verdana, Arial, sans-serif !important;; 
	font-size: 1.5em !important; 
	font-weight: bold !important;
	color: #000 !important;
	background-repeat: no-repeat; 
	background-position: 0 0;
}


/* Special class for flash banner */
div.promo3Flash {
	padding: 0; margin: 0 0 1em 0;
}
/* Special class for image banner */
div.promo3Image {
	padding: 0; margin: 0 0 1em 0;
}

/* Less bottom margin in promos */
div.promo3 a.blueLinkButton,
div.promo3 a.redLinkButton,
div.promo3 a.blackLinkButton {
	margin-bottom: 0.5em;
}
/**
 * -------------------------------------- NAVIGATION MODULES -----------------------------------------------
 */
ol li a.selected {
	cursor: default;
}
/**
 * N1: Primary Navigation
 * Core primay nav styles
 */
#primaryNav {
	clear: both;
	margin-bottom: 12px;
	border-bottom: 4px solid #fff;
} * html #primaryNav {
	display: inline;
}

#primaryNav ol {
	border-bottom: 4px solid #676767;
	height: 32px; 
	padding: 0; 	
	margin: 0; 
 	list-style: none;
	background:#fff url(/repository/images/nav/primary/background_en_GB_32red.jpg) repeat-x top left;
}

#primaryNav ol li {
	float:left; position: relative;
	height: 22px;
	margin-top:10px;
}
#primaryNav ol li a {
	display: block; 
	height: 22px;
	text-indent: -5000px; 
	text-decoration: none;
	background-repeat: no-repeat; 
	background-position: 0 -29px;
}
#primaryNav li a:hover, 
#primaryNav li a.selected {
	background-position: 0 0px;	
}


#primaryNav li#home a {  
	width: 77px;
	background-image: url(/repository/images/nav/primary/home_en_GB_32red.png);
}
#primaryNav li#spreadbetting a {
	width: 139px;
	background-image: url(/repository/images/nav/primary/spreadbetting_en_GB_32red.png);
}
#primaryNav li#cfd a {
	width: 74px;
	background-image: url(/repository/images/nav/primary/cfds_en_GB_32red.png);
}
#primaryNav li#tradingSoftware a {
	width: 162px;
	background-image: url(/repository/images/nav/primary/trading_software_en_GB_32red.png);
}
#primaryNav li#applyForAnAccount a {
	width: 186px;
	background-image: url(/repository/images/nav/primary/apply_for_an_account_en_GB_32red.png);
}

#primaryNav li#onlinecasino a {
	width: 130px;
	background-image: url(/repository/images/nav/primary/online_casino_en_GB_32red.png);
}
#primaryNav li#investorCentre a {
	width: 172px;
	background-image: url(/repository/images/nav/primary/investor_centre_en_GB_dsmt.png);
}
/**
 * N2: Secondary and Tertiary Navigation 
 */
#secondaryNav ol {
	margin: 0; padding: 0;
	list-style: none;
}
#secondaryNav ol li {
	margin: 0; overflow: hidden;
}
#secondaryNav ol li a {
	display: block; 
	min-height: 14px; 
	padding: 6px 4px 5px 10px; 
	margin: 0;
	text-decoration: none; 
	font-weight: bold; 
	font-size: 11px; 
	color: #333;
	background:#fff url(/repository/images/nav/secondary/background_en_GB_32red.jpg) repeat-x scroll left top;
	border-bottom:1px solid #ccc;
}
* html #secondaryNav ol li a {
	height: 14px; /* min-height */
}
#secondaryNav ol li a.selected, 
#secondaryNav ol li a.expanded, 
#secondaryNav ol li a:hover {
	color: #000;
	background:#fff;
	border-bottom:1px solid #ccc;
	background-position: 155px 0;
 	
 }
/* (Tertiary bit) */
#secondaryNav ol li ol li a {
	display: block; 
	padding: 1px 0 1px 20px;
	text-decoration: none; 
	font-weight: normal; 
	color: #666;
	background-image: none;
	background:#e9eef3;
}
#secondaryNav ol li ol li a.selected, 
#secondaryNav ol li ol li a:hover {
	font-weight: normal; color: #000;
}
* html #secondaryNav ol li ol li.first {
	margin-top: -1em; /* ie list spacing bug */
}

/* 
 * N3: Large Utility Nav
 */
#utilityNav {
	float: right;
	margin-top: 0;
	padding: 10px 0;

}
#utilityNav ol {
	float: right;
	margin: 0; padding: 0 0 6px 0;
	text-align: right;
	list-style: none;
}
#utilityNav ol li {
	display: inline; padding: 0 7px 0 5px;
 	background: url(/repository/images/nav/utility/link_separator_dsmt.png) no-repeat right 3px;
 	border-left: 1px solid #FFF;
}
#utilityNav ol li.last {
	background-image: none;
}
#utilityNav ol li a{
	text-decoration: none; 
	color: #FFF;
}
#utilityNav ol li a:hover {
	text-decoration: underline; 
}
#utilityNav ol li a.selected {
	cursor: default;
}


/**
 * N4: Small Utility Nav / Home page nav
 */
h1 a {
	height: 44px;
	margin-left: 5px;
	text-decoration: none;
}

/* 
 * N5: Footer Nav
 */
#footerNav {
	border-bottom: 1px solid #fff; border-top: 1px solid #fff;
}
#footerNav ol {
	margin: 0; padding: 6px 0 6px 0; 
	text-align: left;
	list-style: none;
}
#footerNav ol li {
	display: inline; padding: 0 6px 0 6px;
	font-size: 11px; font-weight: bold;
	background: url(/repository/images/nav/utility/link_separator.png) no-repeat left center;
}
#footerNav ol li.first{
	padding-left: 0;
	background-image: none;
}
#footerNav ol li a{
	text-decoration: none; color: #fff;
}
#footerNav ol li a:hover, 
#utilityNav ol li a.selected {

}

/**
 * N6: In-page Navigation
 */
ol#inPageNavItems  { 
	margin: 0; padding: 0;
	list-style: none;
} * html ol#inPageNavItems li { 
	margin: 0 0 -1em 0; /* IE list spacing bug */
}
ol#inPageNavItems  a { 
	display: block; padding: 0 0 2px 21px;
	  text-decoration: none; font-weight: bold;
	background: url(/repository/images/bullets/inpagenav_bullet_selected_32red.gif) no-repeat 0 0;
}* html ol#inPageNavItems a { 
	background-position: 0 2px; /* IE background position tweak */
}

ol#inPageNavItems  a.selected { 
	text-decoration: none; font-weight: bold;
	background: url(/repository/images/bullets/inpagenav_bullet_32red.gif) no-repeat 0 0;
}
ol#inPageNavItems a:hover { 
	text-decoration: underline; 
}
ol#inPageNavItems  a.selected:hover { 
}

/**
 * N7: Breadcrumb
 */
div#breadcrumb {
	height: 24px; padding: 5px 0 0 0; overflow: hidden;
}
div#breadcrumb ol {
	list-style: none; margin: 0; padding:0;
}
div#breadcrumb ol li {
	display: inline;
}
div#breadcrumb a {
	padding: 0 13px 0 5px;
	font-size: 11px;
	color:#fff; 
	text-decoration: none;
	background: url(/repository/images/nav/breadcrumb_link_separator_en_GB_32red.gif) no-repeat right 3px;
}
div#breadcrumb a.target {
 	cursor: default;
}