/**
 * Templates
 * Use this file with the CMC Markets Style Guide
 * 
 */
html, body{
		height:100%;
		margin-bottom:1px;
}
body {
 	color: #fff;
	background: #fff;
	background:  url(/repository/images/template_background_en_GB_32red.jpg) repeat-x top left;
}

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

/**
 * Applicable to all templates
 */
/** Text Styles **/
div.template {
	position: relative;
	margin: 0 auto 0 auto; 
	padding: 0px; 
	width: 790px; 
	text-align: left;
	background-color:#a50006;
}
div.template h1 {
	float:left;
	height:40px;
	padding:10px 0pt;
 
} * 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*/
}

div.template div#header{
	height:98px;
	background: #a50006 url(/repository/images/header_background_en_GB_32red.jpg) no-repeat top right;
}

/**
 * T1: Template 1 
 */
/** Main elements **/
div#t1 div#mainContent {
	float: left; position: relative;
	width: 561px; margin: 0 0 10px 10px;
}
* html div#t1 div#mainContent  {
	margin: 12px 0 10px 6px;
	}
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 */
margin-top: 12px;
}
		
div#t1 div#footer {
	clear: both;
	border-top: 1px solid #fff; padding-top: 10px;
}
div#footer
	{
		/*color:#666;*/
		padding:10px;
		color:#fff;
	}

/**
 * T2: Template 2
 */
/** Main elements **/
div#t2 div#secondaryNav {
	float: left;
	width: 155px; 
	margin: 0 9px 0 9px; 
	min-height: 150px;
	position:relative;
} * html div#t2 div#secondaryNav {
	top:11px;
	margin: 0 9px 0 6px;
}
div#t2 div#mainContent {
	float: left; position: relative;
	width: 437px; margin: 0 0 10px 0;
}
* html div#t2 div#breadcrumb {
	margin-top: 12px;
	}
div#t2 div#secondaryContent {
	float: left; position: relative;
	width: 170px; 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 9px; min-height: 150px;
} * html div#t2 div#secondaryNav {
	height: 150px; /*min-height*/
	margin: 0 10px 25px 6px;
}
* html div#t3a div#secondaryNav, 
* html div#t3b div#secondaryNav
{
	margin-top: 12px;
	margin-left:6px;
}
* html div#t3a div#mainContent, 
* html div#t3b div#mainContent,
* html div#t4 div#mainContent {
	margin-top: 12px;
	}
div#t3a div#footer, 
div#t3b div#footer {
	clear: both;
	border-top: 1px solid #cccccc; 
	padding-top: 10px;
	color:#fff;
}
div#t3a div#footer h5, 
div#t3b div#footer h2
{
	margin-bottom:1em;
}
/** 3a (secondary content) **/
div#t3a div#mainContent {
	float: left; position: relative;
	width: 427px; margin: 0 10px 10px 0; padding-top: 30px;
}
* html div#t3a div#secondaryContent,
* html div#t4 div#secondaryContent {
	margin-top: 42px;
}
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 9px;
}
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;
}
div#t5 H1 {
	width: 100%
}