/**
 * Templates
 * Use this file with the CMC Markets Style Guide
 * 
 */

body {
    text-align: center;
    background: #ffffff;
}

/* hide jsp template errors */
span table {
    display: none;
}

/**
 * Applicable to all templates
 */
/** Text Styles **/
div.template {
    position: relative;
    margin: 0 auto 0 auto; padding: 0; width: 768px; 
    text-align: left;
    background:  url(/repository/images/content_background_en_GB_hoodless.jpg) repeat-x;
}
div.template h1 {
    float: left;
    height: 64px; margin-bottom: 2px;
} * html div#t1 div#footer, 
  * html div#t3a div#footer,  
  * html div#t4 div#footer  {
    width: 768px; /*IE6 footer bug (footer renders too wide when exact width not specified) 
                    Something to do with secondary content overflow*/
}

/**
 * T1: Template 1 
 */
/** Main elements **/
div#t1 div#mainContent {
    float: left; position: relative;
    width: 561px; margin: 0 0 10px 0;
}
div#t1 div#secondaryContent {
    float: left; position: relative;
    width: 207px; margin: 0;
} * html div#t1 div#secondaryContent {
    margin-left: -8px; display: inline; /* overflow prevention; double float margin bug */
}
        
div#t1 div#footer {
    clear: both;
    border-top: 1px solid #cccccc; padding-top: 10px;
}

/**
 * T2: Template 2
 */
/** Main elements **/
div#t2 div#secondaryNav {
    float: left;
    width: 155px; margin: 0 9px 0 0; min-height: 150px;
} * html div#t2 div#secondaryNav {
    height: 150px; /*min-height*/
}
div#t2 div#mainContent {
    float: left; position: relative;
    width: 437px; margin: 0 0 10px 0;
}
div#t2 div#secondaryContent {
    float: left; position: relative;
    width: 166px; margin: 0 0 10px 0;
} * html div#t2 div#secondaryContent {
    margin-left: -10px; display: inline; /* overflow prevention; double float margin bug */
}
div#t2 div#footer {
    clear: both;
    border-top: 1px solid #cccccc; padding-top: 10px;
}

/**
 * T3: Template 3
 */
div#t3a div#secondaryNav, 
div#t3b div#secondaryNav {
    float: left; 
    width: 155px; margin: 0 10px 25px 0; min-height: 150px;
} * html div#t2 div#secondaryNav {
    height: 150px; /*min-height*/
}
div#t3a div#footer, 
div#t3b div#footer {
    clear: both;
    border-top: 1px solid #cccccc; padding-top: 10px;
}
/** 3a (secondary content) **/
div#t3a div#mainContent {
    float: left; position: relative;
    width: 427px; margin: 0 10px 10px 0; padding-top: 30px;
}
div#t3a div#breadcrumb {
    position: absolute; left: 0; top: 0; width: 580px;
}
div#t3a div#secondaryContent {
    float: left; position: relative; 
    width: 166px; margin: 29px 0 10px 0; 
}
/** 3b (no secondary content) use for forms **/
div#t3b div#mainContent {
    float: left; position: relative;
    width: 603px; margin: 0 0 10px 0; padding: 0 0 0 0;
}

/**
 * T4: Template 4
 */
div#t4 div#mainContent {
    float: left; position: relative;
    width: 592px; margin: 0 10px 10px 0;
}
div#t4 div#secondaryContent {
    float: left; position: relative; 
    width: 166px; margin: 29px 0 10px 0; 
}
div#t4 div#footer {
    clear: both;    
    border-top: 1px solid #cccccc; padding-top: 10px;
}


/**
 * T5: Template 5
 */
div#t5 {
    padding: 10px 42px 10px 30px; width: 528px;
}
div#t5 div#mainContent {
    clear: both;
    margin: 0 0 10px 0;
}
div#t5 div#footer {
    border-top: 1px solid #cccccc; padding-top: 10px;
}