div, 


h2, 
h3, 
h4, 
h4, 
p, 
ul, 
ol, 
li, 
img {
	margin: 0;
	padding: 0;
	font-style: normal;
}
body {
	font-size: 0.7em; font-family:Tahoma, Arial, sans-serif; color: #444444;
}

/**
 * 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;
}
/*
 * ---------------------------------------- CONTENT MODULES -----------------------------------------------
 *
 * C1: Page Title for T3-5
 */
div#t3a h2, 
div#t3b h2, 
div#t4 h2, 
div#t5 h2 {
	height: 24px; margin: 0 0 1em 0;
	text-indent: -5000px;
	background-repeat: no-repeat; background-position: 0 0;
}
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;
}
h2.flash {
	text-indent: 0 !important;
}

/**
 * C3: Tag Line for T3-5
 */ 
div#t3a h3, 
div#t3b h3, 
div#t4 h3, 
div#t5 h3 {
	height: 18px; margin: -1em 0 1em 0;
	text-indent: -5000px;
	background-repeat: no-repeat; background-position: 0 0;
}
/**
 * C4: Paragraph/body copy 
 */
div#t3a h4, 
div#t3b h4, 
div#t4 h4, 
div#t5 h4 { 
	margin: 1em 0 1em 0;
	font-family: Tahoma, Arial, sans-serif; font-size: 1.1em; color: #17617b; line-height: 130%;	
} 
h5 { 
	margin: 0 0 1em 0;
	font-family: Tahoma, Arial, sans-serif; font-size: 1em; color: #444444; font-weight: bold;
	line-height: 130%;	
} 
p { 
	margin: 0 0 1em 0;
	font-family: Tahoma, Arial, sans-serif; font-size: 1em; color: #444444; line-height: 1.3em;
}
ul {
	margin: 0 0 1em 17px;
}
ul li {
	margin: 0 0 0.5em 0;
	font-family: Tahoma, Arial, sans-serif; font-size: 1em; line-height: 130%;
	list-style-image: url(standard_bullet.png);
}	
ol {
	margin: 0 0 1em 17px;
}
ol li {
	margin: 0 0 0.5em 0;
	font-family: Tahoma, Arial, sans-serif; font-size: 1em; line-height: 130%;
}
dl {
	font-family: Tahoma, Arial, sans-serif; font-size: 1em; line-height: 130%;
}
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;
}

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;
}

/**
 * C5: Text Links
 */
p a, 
li a, 
th a, 
td a, 
label a, 
h4 a, 
dl a { 
	text-decoration: underline; color: #4B8CA4;
}
/*
p a:active, li a:active, th { 
	color: #4B8CA4;
}
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: #17617b;
}

/**
 * C6: Empasised Link / Button
*/
a.blueLinkButton { 
	display: block; height: 15px; margin: 0 0 1em 0; padding: 0 0 0 20px;
	text-decoration: none; color: #17617B; font-weight: bold;
	background: url(blue_link_icon.png) no-repeat 0px -1px;
}
a.redLinkButton { 
	display: block; height: 15px; margin: 0 0 1em 0; padding: 0 0 0 20px;
	text-decoration: none; color: #990000; font-weight: bold;
	background: url(red_link_icon.png) no-repeat -3px -3px;
}
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(black_link_icon.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 25px; margin: 0 0 1em 0;
	text-decoration: none; color: #4B8CA4;
	background: url(download_link.png) no-repeat  0 0;
}
a.downloadLink span.document,
a.downloadLink span.file {
	padding-right: 1em;
	text-decoration: underline; 
}
a.downloadLink span.format {
	text-transform: uppercase; color: #444444;
}

/**
 * C8: Hardrule
 */
div.hardrule {
	height: 1px; overflow: hidden; margin: 0px 4px 0px 4px;
	background: url(hardrule.png) repeat 0 0;
}
div.hardruleup {
	height: 1px; overflow: hidden; margin: 0 0 0 0;
	background: url(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;
}
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; border: 1px solid #c1d1da; margin: 0 0 1em 0; padding: 0;
}
table.visibleTable1 th {
	border-right: 1px solid #E5ECF0; padding: 7px 12px 7px 12px;
	text-align: left; vertical-align: bottom;
	font-weight: bold; color: #17617B;
	background-color: #CCDAE1;
}
table.visibleTable1 td {
	border-right: 1px solid #e5ecf0; padding: 7px 12px 7px 12px;
	text-align: left; vertical-align: top; 
	color: #17617B;
}
table.visibleTable1 tr.even td {
	border-right-color: #ffffff;
	background-color: #e5ecf0;
}
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 #c1d1da; margin: 0 0 1em 0; padding: 0;
}
table.visibleTable2 th {
	padding: 7px 12px 7px 12px; border-bottom: 1px #ffffff solid;
	vertical-align: top; text-align: left;
	font-weight: bold;  color: #17617B;
	background-color: #CCDAE1;
}
table.visibleTable2 td {
	padding: 7px 12px 7px 12px; border-bottom: 1px #E5ECF0 solid;
	text-align: left; vertical-align: top; color: #17617B;
}

/**
 * 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; color: #4B8CA4;
	background: url(faq_question_answerhidden.png) no-repeat 0 0;
 	cursor: pointer;
}
dl.faqList dt a.answerVisible { 
	font-weight: bold;
	background: url(faq_question_answervisible.png) 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;
}

/* For template 3a */
div#t3a div.frameHeader {
	background-image: url(/repository/images/frames/frame_header_t3a.png);
}
div#t3a div.frameContent {
	padding: 20px 27px 20px 27px;
	background-image: url(/repository/images/frames/frame_content_t3a.png);
}
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: 20px 27px 20px 27px;
	background-image: url(/repository/images/frames/frame_content_t3b.png);
}
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: 20px 57px 20px 27px;
	background-image: url(/repository/images/frames/frame_content_t4.png);
}
div#t4 div.frameFooter {
	background-image: url(/repository/images/frames/frame_footer_t4.png);
}

/** 
 * 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.png);
}
		
/**
 * 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: #17617b;
	background: url(/repository/images/nav/secondary/background.png);	
}
div.sitemap h4 a:hover {
	color: #ffffff;
	background-position: 155px 0;
}	
div.sitemap ol {
	position: relative;
	margin: 0 0 1em 0; padding: 11px 0 11px 0;
	list-style: none;
	background: url(/repository/images/nav/expanded_menu_background.png) no-repeat left bottom;
}
div.sitemap ol ol {
	padding: 0; margin: 0;
	background-image: none;
}
div.sitemap ol li {
	padding: 0 10px 0 10px;
} * html div.sitemap ol li.first {
	margin-top: -1em; /* IE list spacing bug */
}
div.sitemap ol li a {

	text-decoration: none; font-weight: normal; color: #17617b;
}
div.sitemap ol li li {
	padding: 0 0 0 10px;

}
div.sitemap ol li a:hover {
	font-weight: bold;
}

/**
 * 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(images/red_link_icon.png) no-repeat 2px 2px;
} * html div.buttonList button {
	height: 2.2em;
}

div.buttonList button:hover { 
	text-decoration: underline;
}
div.buttonList button.even {
	background-color: #F0F4F7;
}
	
/*
 * --------------------------------------------- FORM MODULES --------------------------------------------
 *
 * Universal Form Styles for F1, F2, F3, F4
 */
form {
	margin: 0;
}
div.form { 
	position: relative;
}
div.form p {
	color: #17617B;
}
table.form { 
	border: 1px solid #CCDAE1; margin: 0 0 10px 0;
	border-collapse: collapse;
}
table.form th {
	padding: 8px; border: 0 solid #E5ECF0; border-bottom-width: 1px; border-right-width: 1px;
	text-align: left; vertical-align: top; font-weight: bold; color: #17617B;
	background-color: #CCDAE1;
}
table.form td {
	padding: 4px 8px 4px 8px; border-bottom: 1px solid #E5ECF0; 
	text-align: left; color: #17617B;
}
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 #ccdae1; 
	color: #17617B;
}
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 #c1d1da;
}
.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(/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(/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(/repository/images/buttons/remove.png);		
	cursor: pointer;	
}
#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(/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: #666666;
  background-position: 0 0; background-repeat: no-repeat;
}

ol#stepIndicator li.selected {
	color: #17617B; 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: Tahoma, Arial, sans-serif; color: #17617B;
}
input.text {
	width: 95%;
}
select {
	width: 97%
}
/* Text area */
textarea {
	width: 96%; padding: 2px; height: 90px;
	font-family: Tahoma, Arial, sans-serif;
}
/* 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: 19px;
}
 
input.submit
{
	height: 19px; border: 0;
	text-indent: -5000px; font-size: 0;
	cursor: pointer;
}
button  { 
	display: block; padding: 0; border-width: 0; height: auto;
	font-family:Tahoma, Arial, sans-serif; color: #444444; font-size: 1em; text-align: left;
	background-color: transparent;
	cursor: pointer;
}


/**
 * 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 {
	margin: 0 0 0.5em 0;
}
div.promo1 li, 
div.promo2 li {
	margin-bottom: 0;
}

/**
 * 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: 1em; color: #011545;
	height: 25px; padding: 6px 10px 0 10px; margin: 0 -10px 0 -10px;
}
div.promo1 h4 {
	margin: 15px 0 2px 0;
}
div.promo1 a.blueLinkButton {
	position: absolute; bottom: 0; clear: both;
}
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: 157px;
	background: url(/repository/images/promos/promo1_background_t1.png) no-repeat 0 bottom;
}
div#t1 div.promo1 h3 {
	background: url(/repository/images/headers/h3/promo1_for_t1.png) no-repeat 0 0;
}

/* Template 2 */
div#t2 div.promo1 {
	width: 189px;
	background: url(/repository/images/promos/promo1_background_t2.png) no-repeat 0 bottom;
}
div#t2 div.promo1 h3 {
	background: url(/repository/images/headers/h3/promo1_for_t2.png) no-repeat 0 0;
}

/**
 * P2: Multiple Destination Promo Module
 * 
 */
div.promo2 {
	position: relative; float: left;
	width: 343px; margin: 0 9px 10px 0;
	background: url(/repository/images/promos/promo2_background.png) no-repeat 0 bottom;	
}
div.promo2 h3 {
	height: 25px; padding: 6px 15px 0 15px; margin: 0 -10px 0 -10px;

	font-size: 1em; color: #011545;
	background: url(/repository/images/headers/h3/promo2.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: 16px 13px 0 13px; margin: 0 0 1em 0;
}
div.promo3.black p {
	color: #000000;
}
div.promo3 {
	background: url(/repository/images/promos/promo3_background_t2.png) no-repeat 0 0;
}
div#t1 div.promo3 {
	background: url(/repository/images/promos/promo3_background_t1.png) no-repeat 0 0;
}

div.promo3 h3 {
	height: 14px; margin: 0 0 7px 0 !important;
	text-indent: -5000px;
	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 {
	height: 120px; 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 {
	margin: 0 0 12px 0;
}
#primaryNav ol {
	height: 34px; padding: 0; margin: 0;
	list-style: none;
	background: url(/repository/images/nav/primary_nav/background.png) no-repeat right 0;
}
#primaryNav ol li {
	float:left; position: relative;
	height: 34px;
}
#primaryNav ol li a {
	display: block; height: 34px;
	text-indent: -5000px; text-decoration: none;
	background-repeat: no-repeat; background-position: 0 0;
}
#primaryNav li a:hover, 
#primaryNav li a.selected {
	background-position: 0 -34px;	
}

#primaryNav li#home a { 
	width: 38px;
	background-image: url(/repository/images/nav/primary_nav/home.png);
}
#primaryNav li#home a:hover, 
#primaryNav li#home a.selected {
	background-position: 0 0;	
}

/**
 * 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: 3px 0 3px 10px; margin: 0 0 4px 0;
	text-decoration: none; font-weight: bold; font-size: 11px; color: #17617b;
	background: url(/repository/images/nav/secondary/background.png);
}
* 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: #ffffff;
	background-position: 155px 0;
}
/* (Tertiary bit) */
#secondaryNav ol li ol li a {
	display: block; padding: 0 0 0 10px;
	text-decoration: none; font-weight: normal; color: #17617b;
	background-image: none;
}
#secondaryNav ol li ol li a.selected, 
#secondaryNav ol li ol li a:hover {
	font-weight: bold; color: #17617b;
}
* html #secondaryNav ol li ol li.first {
	margin-top: -1em; /* ie list spacing bug */
}

/* 
 * N3: Large Utility Nav
 */
#utilityNav {
	position:absolute; top: 16px; right: 0; z-index: 1;
	width: 560px;
}
#utilityNav p#division {
	float: right; 
	margin: 0 1em 0 0; padding-left: 25px;
	font-weight: bold; color: #000000; text-align: right;
	background-position: 0 2px; background-repeat: no-repeat;
}
#utilityNav p#division a#change {
	font-weight: normal; font-size: 10px; color: #000000; text-decoration: none;
}
#utilityNav p#division a#change:hover {
	text-decoration: underline;
}

#utilityNav ol {
	float: right;
	margin: 0; padding: 0 0 6px 0; border: 0 solid #cccccc; border-left-width: 1px; border-bottom-width: 1px;
	text-align: right;
	list-style: none;

}
#utilityNav ol li {
	display: inline; padding: 0 6px 0 6px;
	background: url(/repository/images/nav/utility/link_separator.png) no-repeat right center;
}
#utilityNav ol li.last {
	background-image: none;
}
#utilityNav ol li a{
	text-decoration: none; color: #666666;
}
#utilityNav ol li a:hover, 
#utilityNav ol li a.selected {
	color: #000000; text-decoration: underline;
	
}
#utilityNav p#language {
	float: right; 
	margin: 0 1em 0 0;
}

/**
 * N4: Small Utility Nav / Home page nav
 */
h1 a {
	text-decoration: none;
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

/* 
 * N5: Footer Nav
 */
#footerNav {
	border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc;
}
#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: #666666;
}
#footerNav ol li a:hover, 
#utilityNav ol li a.selected {
	color: #000000;
}

/**
 * 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 0px;
	text-decoration: underline; color: #24498E;
/*	background: url(inpagenav_bullet.png) 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(inpagenav_bullet_selected.png) no-repeat 0 0;*/
}
ol#inPageNavItems a:hover { 
	color: #999999;
}
ol#inPageNavItems  a.selected:hover { 
	/*color: #4B8CA4;*/
}

/**
 * N7: Breadcrumb
 */
div#breadcrumb {
	height: 24px; padding: 5px 0 0 0;
}
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: #999999; text-decoration: underline;
	background: url(/repository/images/nav/breadcrumb_link_separator.png) no-repeat right 3px;
}
div#breadcrumb a.target {
	text-decoration: none;
	background-image: none;
	cursor: default;
}

/*
 * --------------------------------------------- FORM MODULES --------------------------------------------
 */
/** 
 * F8: Form Butttons
 */
input#submit {
	width: 70px;
	background-image: url(/repository/images/buttons/submit_de.png);
}
input#back {
	width: 75px;
	background-image: url(/repository/images/buttons/previous_de.png);
}
input#next {
	width: 70px;
	background-image: url(/repository/images/buttons/continue_de.png);
}
input#register {
	width: 91px;
	background-image: url(/repository/images/buttons/register_de.png);
}
input#edit_details {
	width: 96px;
	background-image: url(/repository/images/buttons/edit_details_de.png);
}

/*
 * -------------------------------------- NAVIGATION MODULES -----------------------------------------------
 */

/**
 * N1: Primary Navigation
 */
#primaryNav li#getStarted a { 
	width: 112px;
	background-image: url(/repository/images/nav/primary_nav/get_started_de.png);
}
#primaryNav li#events a {
	width: 57px;
	background-image: url(/repository/images/nav/primary_nav/events_de.png);
}
#primaryNav li#cfd a {
	width: 43px;
	background-image: url(/repository/images/nav/primary_nav/cfd_de.png);
}
#primaryNav li#forex a {
	width: 132px;
	background-image: url(/repository/images/nav/primary_nav/forex_de.png);
}
#primaryNav li#academy a {
	width: 70px;
	background-image: url(/repository/images/nav/primary_nav/academy_de.png);
}
#primaryNav li#tradingSoftware a {
	width: 137px;
	background-image: url(/repository/images/nav/primary_nav/trading_software_de.png);
}
#primaryNav li#openAnAccount a {
	width: 126px;
	background-image: url(/repository/images/nav/primary_nav/open_an_account_de.png);
}
#primaryNav li#aboutCMCMarkets a {
	width: 70px;
	background-image: url(/repository/images/nav/primary_nav/about_cmcmarkets_de.png);
}

div.promo3 h3 {
	height: 16px;
}

/**
 * OTHER STYLES
 */
ul.options_list { padding-left: 0; position: relative; list-style: none; }
ul.options_list li { padding-left: 5px; list-style: none; padding-top: 2px; padding-bottom: 2px; list-style-image: none; }
ul.options_list li.unselected { list-style-image: url(http://www.cmcmarkets.de/repository/images/misc/application/untick_de.png); }
ul.options_list li.selected { list-style-image: url(http://www.cmcmarkets.de/repository/images/misc/application/tick_de.png); font-weight: bold; text-decoration: underline; }

/** 
 * COST CALCULATOR STYLES
 */
div.costCalculator input 		{ width: 50px; }

div.costCalculator table 		{ width: 100%; }

div.costCalculator th 			{ width: 65%; }

div.costCalculator td 			{ width: 35%; }

div.costCalculator span.nobold 	{ font-weight: normal; }

div#findInstrument
{
	 background-color: #FFFFFF; 
	 border: 1px solid #011545; 
	 width: 300px; 
	 height: 400px; 
	 padding: 20px; 
	 position: absolute; 
	 top: 50px; 
	 left: 50px; 
	 z-index: 10; 
	 display: none;
}

/**
 * CONTENT MODULES 
 */
/**
 * C2: Graphical Page Titles for T1 and T2
 */
div#t1 h2 {
	background: url(/repository/images/headers/h2/home_de.jpg) no-repeat 0 0;
}
div#t1 h2 a{
	position: absolute; top: 134px; left: 373px;
	display: block; width: 155px; height: 18px; font-size: 0;
}

/**
 * N2: Secondary and Tertiary Navigation 
 */
#secondaryNav ol li {
	margin: 0; 
}

/**
 * C18: History
 * Use with javascript behaviours
 */
div#history ol#historyLinks a {		
	width: 48px;
}

/* 
 * N3: Large Utility Nav
 */

#utilityNav p#division {
	background-image: url(/repository/images/icons/flags/de.png);
}

/*
 * --------------------------------------------- FORM MODULES --------------------------------------------
 *
/** 
 * F8: Form Butttons
 */
div#formFooter {
	height: 5em; 
}
div#formFooter p{
	padding-top: 3em; 
}
div#formFooter input.submit {
	float: right;
	margin: 0 0 0 20px; height: 19px;
}
/*
 * ------------------------------------------ HIGHLIGHT MODULES ------------------------------
 */
div#homeAdvert {
	float: right;
}

/*div#t1 div.promo1 {
	min-height: 0;
} * html {
	height: 0;
}*/

/**
 * P3: PROMO 3 
 */
div.promo3 p.phoneNumber{
	font-size: 14px; font-weight: bold;
}

/**
 * SEMINAR STYLES
 */
form button div#seminarInfo
{
	float: left; min-width: 200px;
}
* html form button div#seminarInfo
{
	width: 200px;
}
 
table.eventList
{
	border-collapse: collapse;
	width: 100%;
}

table.eventList td
{
	width: 50%;
	vertical-align: top;
}

table.eventList td form, * html table.eventList td form {
	margin: 5px 0;
}

table.eventList td button  { 
	display: block; padding: 0 0 0 21px; width: 95%;
	text-decoration: none; color: #4B8CA4; margin: 0;
	background: url(images/red_link_icon.png) no-repeat -2px -2px;
}
table.eventList td button:hover { 
	color: #17617b; text-decoration: underline;
}

/** 
 * COST CALCULATOR STYLES
 */
div.costCalculator input 		{ width: 50px; }

div.costCalculator table 		{ width: 100%; }

div.costCalculator th 			{ width: 65%; }

div.costCalculator td 			{ width: 35%; }

div.costCalculator span.nobold 	{ font-weight: normal; }

div#findInstrument
{
	 background-color: #FFFFFF; 
	 border: 1px solid #011545; 
	 width: 300px; 
	 height: 400px; 
	 padding: 20px; 
	 position: absolute; 
	 top: 50px; 
	 left: 50px; 
	 z-index: 10; 
	 display: none;
}