/**
 * 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, 
img {
    margin: 0; padding: 0;
}

h1 img {
    margin: 7px 0 0 20px; padding: 0;
}

body {
    font-size: 0.7em; font-family: Verdana, sans-serif; color: #394a59;
}

/**
 * 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 {
    margin-bottom: 1em;
    font-family: Verdana, Arial, sans-serif; font-size: 1.6em; font-weight: bold;
    color: #DDC700;
}
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-family: Verdana, Arial, sans-serif; font-size: 1.4em; font-weight: normal;
    color: #333333;
}
/**
 * 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.2em; font-weight: bold;
} 
h5 { 
    font-size: 1em; font-weight: bold;
} 
p { 
    margin: 0 0 1em 0;
    
}
ul {
    margin: 0 0 1em 17px;
}
ul li {
    margin: 0 0 0.5em 0;
    /*list-style-image: url(/repository/images/bullets/standard_bullet.png);*/
}   
ol {
    margin: 0 0 1em 17px;
}
ol li {
    margin: 0 0 12px 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;
}

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:#DDC700;; text-decoration: underline;
}
/*
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: #f4c206;text-decoration: underline; 
}

/**
 * C6: Emphasised Link / Button
*/
a.blueLinkButton { 
    display: block; height: 15px; margin: 0 0 1.4em 0; padding: 0 0 0 20px;
    text-decoration: none; color: #394a59; font-weight: bold;
    background: url(/repository/images/icons/yellow_link_icon_en_GB_hoodless.png) no-repeat -3px -3px;
    cursor: pointer;    
}

*html a.blueLinkButton { 
    display: block; height: 15px; margin: 0 0 5px 0; padding: 0 0 0 20px;
    text-decoration: none; color: #394a59; font-weight: bold;
    background: url(/repository/images/icons/yellow_link_icon_en_GB_hoodless.png) no-repeat -3px -3px;
    cursor: pointer;    
}*

a.redLinkButton { 
    display: block; height: 14px; margin: 0 0 1em 0; padding: 0pt 3px 2px 25px;
    text-decoration: none; color: #394A59; font-weight: bold;
    background: url(/repository/images/icons/yellow_link2_icon_en_GB_hoodless.png) no-repeat 5px 1px;
    cursor: pointer;    
}
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; color: #DDC700;
    background: url(/repository/images/buttons/download_link_hoodless.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: 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;
}
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 #c9d6e0; margin: 0 0 1em 0; padding: 0;
}
table.visibleTable1 th {
    border-right: 1px solid #f0f0f0; padding: 7px 12px 7px 12px;
    text-align: left; vertical-align: bottom;
    font-weight: bold; color: #333333;
    background-color: #c9d6e0;
}
table.visibleTable1 td {
    border-right: 1px solid #f0f0f0; padding: 7px 12px 7px 12px;
    text-align: left; vertical-align: top; 
    color: #333333;
}
table.visibleTable1 tr.even td {
    border-right-color: #ffffff;
    background-color: #f0f0f0;
}
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 #c9d6e0; 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: #333333;
    background-color: #c9d6e0;
}
table.visibleTable2 td {
    padding: 7px 12px 7px 12px; border-bottom: 1px #f0f0f0 solid;
    text-align: left; vertical-align: top; color: #333333;
}

/**
 * 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: #394a59; text-decoration: none;
    background: url(/repository/images/bullets/faq_question_answerhidden_en_GB_hoodless.png) no-repeat 0 0;
    cursor: pointer;
}
dl.faqList dt a.answerVisible { 
    font-weight: bold;
    background: url(/repository/images/bullets/faq_question_answervisible_en_GB_hoodless.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: 17px 27px 17px 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: 17px 27px 17px 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: 17px 27px 17px 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: #333333;
    background: #788FA3; 
}
div.sitemap ol {
    position: relative;
    margin: 0 0 0 0; padding: 11px 0 0 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;margin:5px 0 0 0;
} * html div.sitemap ol li.first {
    margin-top: -1em; /* IE list spacing bug */
}
div.sitemap ol li a {
    background:url(/repository/images/nav/secondary/background_en_GB_hoodless.png) no-repeat;
    text-decoration: none; font-weight: normal; color: #394a59;
	display:block;
	margin:0;padding:5px 0 5px 10px;
}
div.sitemap ol li li {
    padding:0;

}
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(/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: #DDC700;
    cursor: help;
}
dfn span.description {
    position: absolute;
    display: block; border: 2px solid #DDC700; padding: 5px;
    font-weight: bold; color: #DDC700;
    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: #333333;
}
table.form { 
    border: 1px solid #f0f0f0; 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:  #333333;
    background-color: #f0f0f0;
}
table.form td {
    padding: 4px 8px 4px 8px; border-bottom: 1px solid #f0f0f0; 
    text-align: left; color: #333333; 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 #ccdae1; 
    color: #333333;
}
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 #f0f0f0;
}
.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: #DDC700; 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 {
    margin: 0 0 0.5em 0;
}
div#t1 div#products p {
	margin-bottom:3em;	
}
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;
    border:1px solid #788fa3;
} 
div.promo1 h3 {
    min-height: 25px; padding: 6px 10px 6px 10px; margin: 0 -10px 6px -10px;
    border: 1px solid #c9d6e0;
    font-size: 1em; color: #333333;
    background-color: #788fa3;

} * html div.promo1 h3 {
    height: 19px; /* ie6 min-height */
}

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: 155px;
}


/* Template 2 */
div#t2 div.promo1 {
    width: 187px;
}


/**
 * 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: #555555;

} * 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: 13px 13px 0 13px; margin: 0 0 1em 0;
    border:1px solid #cebf33;
}

div#priceTicker{
    border:none;
    margin-bottom:30px;
}

*html div#priceTicker{
    border:none;
    margin-bottom:15px;
}

div.promo3.black p {
    color: #000000;
}
div.promo3 {
    background: #fbfaed url(/repository/images/promos/promo3_background1_t2_hoodless.png) no-repeat left bottom;
    height : 157px;
    weight : 167px;
}
div.promo3 p{
    margin: 0 0 1em 0;
    line-height: 1.5em;

}

div#t1 div.promo3 {
    background: #fbfaed url(/repository/images/promos/promo3_background_t1_hoodless.png) no-repeat left bottom;
}

div.promo3 h3 {
    margin: 0 0 7px 0 !important;
    font-family: Verdana, Arial, sans-serif; font-size: 1.6em!important; font-weight: bold !important;
    color: #ddc700 !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;
} * html #primaryNav {
    display: inline;
}

#primaryNav ol {
    height: 25px; padding: 0;  margin: 0 0 15px 0;
    list-style: none;
    background-color: #c9d6e0;
}

#primaryNav ol li {
    float:left; position: relative;
    height: 25px;
}
#primaryNav ol li a {
    display: block; height: 25px;
    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 -25px;   
}

#primaryNav li#home a { 
    width: 82px;
    background-image: url(/repository/images/nav/primary/home_en_GB_hoodless.png);
}
#primaryNav li#cfd a {
    width: 69px;
    background-image: url(/repository/images/nav/primary/cfds_en_GB_hoodless.png);
}
#primaryNav li#education a {
    width: 111px;
    background-image: url(/repository/images/nav/primary/education_en_GB_hoodless.png);
}
#primaryNav li#spreadbetting a {
    width: 158px;
    background-image: url(/repository/images/nav/primary/spreadbetting_en_GB_hoodless.png);
}

#primaryNav li#tradingSoftware a {
    width: 157px;
    background-image: url(/repository/images/nav/primary/trading_software_en_GB_hoodless.png);
}
#primaryNav li#applyForAnAccount a {
    width: 185px;
    background-image: url(/repository/images/nav/primary/apply_for_an_account_en_GB_hoodless.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: 5px 0 5px 10px; margin: 0;
    text-decoration: none; font-weight: bold; font-size: 11px; color: #394A59;
    background: url(/repository/images/nav/secondary/background_en_GB_hoodless.png);
}
* html #secondaryNav ol li a {
    height: 14px; /* min-height */
}
#secondaryNav ol li a.selected, 
#secondaryNav ol li a.expanded{
    color: #FFFFFF;
    background-position: 155px 0;
}

#secondaryNav ol li a:hover {
    color: #394A59;
    background-position: 311px 0;
}


/* (Tertiary bit) */
#secondaryNav ol li ol li a {
    display: block; padding: 5px 0 5px 20px; margin: 0;
    text-decoration: none; font-weight: normal; color: #333333;
    background: url(/repository/images/nav/secondary/background_en_GB_hoodless.png);
}
#secondaryNav ol li ol li a.selected{
    font-weight: bold; color: #FFFFFF;
    background-position: 155px 0;
}
* html #secondaryNav ol li ol li.first {
    margin-top: -1em; /* ie list spacing bug */
}

#secondaryNav ol li a:hover {
    color: #394A59;
    background-position: 311px 0;
}
* html #secondaryNav ol li ol li.first {
    margin-top: -1em; /* ie list spacing bug */
}

/* 
 * N3: Large Utility Nav
 */
#utilityNav {
    float: right;
    width: 400px; margin-top: 0;
}
#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 7px 0 5px;
    font-size: 11px;
    background: url(/repository/images/nav/utility/link_separator.png) no-repeat right 3px;
}
#utilityNav ol li.last {
    background-image: none;
}
#utilityNav ol li a{
    text-decoration: none; color: #cccccc;
}
#utilityNav ol li a:hover, 
#utilityNav ol li a.selected {
    color: #cccccc; text-decoration: underline; 
}
#utilityNav ol li a.selected {
    cursor: default;
}


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

/* 
 * 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 {

}

/**
 * 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;
    color: #394a59; text-decoration: none; font-weight: bold;
    background: url(/repository/images/bullets/inpagenav_bullet_en_GB_hoodless.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(/repository/images/bullets/inpagenav_bullet_selected.png) 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; margin-left: -17px;
}
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;
    cursor: default;
}