/*-----------------------------------------------------------------------------
Main Style Sheet
-----------------------------------------------------------------------------*/


/*--------------------- General ---------------------*/

body 
{
 font-size:  12px;
 font-family: Arial, Helvetica, sans-serif;
 color: #333;
 background-color: #F3F3F3;
 text-align: center;
}


div.wrapper
{
 width: 960px; /* 960px Total */
 position: relative;
 text-align: left;
 margin: 0 auto;
 padding: 0;
 background-color: #FFF;
 border: 1px solid #F1F1F1;
 height: 650px; /* On Conduits request */
}


body#sitemapPage div.wrapper,
body#termsPage div.wrapper,
body#privacyPage div.wrapper
{
 height: auto;
}


div.branding
{
 width: 960px; /* 960px Total */
 height: 78px;
 position: relative;
 background-color: #FFF;
 background-image: url(../assets/images/conduit_logo.gif);
 background-position: 0 0;
 background-repeat: no-repeat;
}


div.mainNav
{
 width: 960px; /* 960px Total */
 height: 21px;
 background-color: #000032;
}


div.mainNav span
{
 width: 246px;
 height: 21px;
 display: block;
 background-color: #597786;
 float: left;
}


div.subContent1
{
 width: 259px; /*  259px Total */
 float: left;
 position: relative;
 margin-top: 92px;
 padding: 0;
}


div.mainContent
{
 width: 673px; /* 701px Total */
 float: left;
 position: relative;
 margin-top: 92px;
 padding: 0 15px 0 13px;
}


div.footer
{
 width: 942px; /*  960px Total */
 height: 42px;
 position: absolute;
 top: 590px;
 padding: 0;
 margin-bottom: 0;
 padding-left: 18px;
 padding-bottom: 10px;
}


body#sitemapPage div.footer,
body#termsPage div.footer,
body#privacyPage div.footer
{
 padding-top: 80px;
 position: relative;
 top: 20px;
}


p 
{
  margin: 1em 0 0.4em 0;
  line-height: 150%;
}


p.telNo
{
 margin: 0;
 line-height: 100%;
 color: #FFF;
 font-size: 11px !important;
 position: absolute;
 left: 832px;
 top: 83px;
}


hr
{
 border: none;
 border-top: 1px solid #CCC; 
}


.boxOut
{
 background-color: #E5EAEC;
}


div.subContent1 .boxOut
{
 margin-right: 13px;
}


div.subContent1 img.narrow,
div.subContent1 p,
div.subContent1 ul,
div.subContent1 ol,
div.subContent1 form,
div.subContent1 h1,
div.subContent1 h2,
div.subContent1 h3,
div.subContent1 h4,
div.subContent1 h5,
div.subContent1 h6
{
 padding-left: 16px;
}



/*---------------------- General ---------------------*/

/* Put margins back on certain elements */
h1, h2, h3, h4, h5, h6
{
 margin: 2em 0 1em 0;
}


/* Class for clearing floats */
.clear 
{
 clear: both;
}


.top
{
 margin-top: 0;
}


em
{
 font-style: italic;
}


strong
{
 font-weight: bold;
}

/*---------------------- Lists ---------------------*/

ul, ol
{
 line-height: 150%;
 margin: 0 0 1em 0;
}


ul li
{
 padding: 0 0 0 14px;
 background-image: url(../assets/images/bullet.gif);
 background-repeat: no-repeat;
 background-position: 0 6px;
}


ol li
{
 margin: 15px;
 padding: 0;
 list-style: decimal;
}


ul#sitemap li
{
 line-height: 150%;
 background-image: none;
 padding-left: 0;
 padding-bottom: 15px;
}


ul#sitemap li a:link,
ul#sitemap li a:visited
{
 color: #333;
}


ul#sitemap li a:hover,
ul#sitemap li a:active
{
 color: #597786;
}


ul.legal,
ul.vat
{
 font-size: 9px;
 color: #999;
 padding: 0;
 text-align: center;
}


.footer ul.legal
{
 padding: 0;
 margin: 25px 0 0 0;
}

.footer ul.vat
{
 padding: 0;
 margin: 0 0 8px 0;
}


ul.legal li,
ul.vat li
{
 display: inline;
 padding: 0 17px 0 0;
 background-image: none;
}


ul.legal li a:link,
ul.legal li a:visited
{
 color: #999;
}


ul.legal li a:hover,
ul.legal li a:active
{
 color: #333;
}



/*---------------------- Headings ---------------------*/


h1 
{
 font-size: 13px; 
 color: #597786;
 font-weight: bold;
 line-height: 150%;
 margin-top: 0;
}


h1.alt 
{
 font-size: 16px; 
 color: #597786;
 font-weight: bold;
 line-height: 150%;
}


h2 
{
 font-size: 13px; 
 color: #597786;
 font-weight: bold;
 line-height: 150%;
}


h3 
{ 
 font-size: 13px; 
 color: #333;
 font-weight: bold;
}

/*
h3 
{ 
 font-size: 15px; 
 color: #597786;
 font-weight: bold;
 line-height: 175%;
}
*/

.boxOut h3
{
 padding: 30px 21px 24px 17px !important;
 margin: 0;
}


h4 
{
 font-size: 14px; 
 color: #FFF;
 background-color: #003;
 font-weight: bold;
 padding: 5px 5px 5px 10px;
}


h4.alt 
{
 background-color: #5A7787;
}


h5 
{
 font-size: 14px; 
 color: #597786;
 font-weight: bold;
}


h6 
{
 font-size: 12px; 
 color: #333;
 font-weight: bold;
}


body#aboutPage div.mainContent h6
{
 color: #597786;
}


div.mainContent h6
{
 margin-top: 2em;
}


div.branding form h6
{
 display: inline;
}


/*---------------------- Links ---------------------------------*/

a,
a:link,
a:visited
{
 color: #597786;
 text-decoration: none;
}


a:hover,
a:active
{
 color: #003;
 text-decoration: none;
}


/*-------------------------- Tables ---------------------------*/

table
{
 font-size: 11px;
 margin-top: 30px;
}


td
{
 padding: 5px 7px;
 border-bottom: 1px solid #FFF;
}

thead
{
 color: #BDC9CF;
 background-color: #003;
}


thead td.topLeft
{
 background-image: url(../assets/images/corner_table_top_left.gif);
 background-position: top left;
 background-repeat: no-repeat;
}


thead td.topRight
{
 background-image: url(../assets/images/corner_table_top_right.gif);
 background-position: top right;
 background-repeat: no-repeat;
}

tfoot td.bottomLeft
{
 background-image: url(../assets/images/corner_table_bottom_left.gif);
 background-position: bottom left;
 background-repeat: no-repeat;
}


tfoot td.bottomRight
{
 background-image: url(../assets/images/corner_table_bottom_right.gif);
 background-position: bottom right;
 background-repeat: no-repeat;
}


tfoot tr.bottomRight
{
 background-image: url(../assets/images/corner_table_bottom_right.gif);
 background-position: 100% 100%;
 background-repeat: no-repeat;
}


tbody
{
 color: #1A2972;
 background-color: #DFE7EC;
}


table.color2 tbody
{
 background-color: #FECCCB;
}


tfoot
{
 color: #FFF;
 background-color: #597786; 
}


tfoot a:link,
tfoot a:visited
{
 color: #FFF;
}


tfoot a:hover,
tfoot a:active
{
 color: #003;
}

/*-------------------------- Form Elements ---------------------------*/

input
{
 border: 1px solid #CCC;
 color: #999;
 vertical-align: middle;
}


input.text
{
 height: 18px; /* 20px; */
 padding: 2px 5px 0 5px;
}


.boxOut input
{
 border: none;
}


input.button
{
 font-size: 11px;
 font-weight: bold;
 background-color: #597786;
 color: #FFF;
 border: none;
 height: 20px;
}


input.button:hover,
input.button.log:hover
{
 background-color: #003;
}


input.button.login
{
 background-image: url(../assets/images/btn_login.gif);
 background-repeat: no-repeat;
 background-position: 0 0;
 width: 42px;
 height: 20px;
 padding: 0;
 margin: 0;
}


a:hover input.button.login
{
 background-image: url(../assets/images/btn_login.gif);
 background-repeat: no-repeat;
 background-position: 0 -20px;
 background-color: transparent;
}


input.button.logout
{
 background-image: url(../assets/images/btn_logout.gif);
 background-repeat: no-repeat;
 background-position: 0 0;
 width: 52px;
 height: 20px;
 padding: 0;
 margin: 0;
}


a:hover input.button.logout
{
 background-image: url(../assets/images/btn_logout.gif);
 background-repeat: no-repeat;
 background-position: 0 -20px;
 background-color: transparent;
}


input.button.submit
{
 background-image: url(../assets/images/btn_submit.gif);
 background-repeat: no-repeat;
 background-position: 0 0;
 width: 52px;
 height: 20px;
 padding: 0;
 margin: 0;
}


a:hover input.button.submit
{
 background-image: url(../assets/images/btn_submit.gif);
 background-repeat: no-repeat;
 background-position: 0 -20px;
 background-color: transparent;
}



label
{
 font-size: 10px;
 color: #CCC;
}


label a:link,
label a:visited
{
 font-size: 10px;
 color: #999;
}


label a:hover,
label a:active
{
 font-size: 10px;
 color: #003;
}


form#loginForm
{
 float: right;
 position: relative;
 top: 20px;
 text-align: right;
 margin-right: 15px;
}


form#loginForm h6
{
 margin-right: 5px;
}


form#loginForm .text
{
 width: 90px;
}


form#loginForm ol li
{
 display: inline;
 padding-right: 0;
 margin-right: 0;
}


label#passwordLogin
{
 position: relative;
 top: 10px;
}


form#contactForm
{
 line-height: 150%;
}


form#contactForm .text
{
 width: 205px;
 margin-bottom: 8px;
}


form#contactForm label
{
 font-size: 11px;
 color: #333;
}


form#contactForm input.button
{
 margin-top: 5px;
}


/*-------------------------- Main Navigation ---------------------------*/
 /*--------------------------- First Level --------------------------*/


ul#navigation
{
 margin: 0 0 0 268px;
 list-style: none; 
 line-height: 1;
 z-index: 100;
}


ul#navigation li
{
 padding-top: 4px;
 padding-left: 5px;
 display: block;
 float: left;
 background-image: none;
 z-index: 101;
}


ul#navigation a 
{
 display: block;
}


ul#navigation li a:link,
ul#navigation li a:visited
{
 font-weight: normal;
 color: #FFF;
 text-decoration: none;
 padding-right: 60px;
 font-size: 11px;
}


ul#navigation li a:hover,
ul#navigation li a:active
{
 color: #597786;
 text-decoration: none;
}


/*--------------------------- Index Specific Page --------------------------*/


body#indexPage p
{
 line-height: 185%;
 margin: 2.45em 0 0 0;
}

body#indexPage p.telNo
{
 top: 78px;
}

body#indexPage p.telNo
{
 margin: 0;
 line-height: 100%;
 position: absolute;
 left: 832px;
 top: 83px;
}


/*--------------------------- About Specific Page --------------------------*/

body#aboutPage ul li h2 
{
 margin: 1em 0 0 0;
}

body#aboutPage ul li p 
{
 margin: 0 0 1em 0;
}

/*--------------------------- Market Specific Page --------------------------*/

body.marketPage div.subContent1
{
 width: 244px; /*  259px Total */
 padding: 85px 15px 0 0;
}


body.marketPage div.subContent2
{
 /*padding-top: 208px; Changed temporarily as PDF table removed for launch */
   padding-top: 80px;
}


body.marketPage table.pdf
{
 width: 100%;
}


body.marketPage table.pdf tbody td
{
 color: #333;
 padding: 15px 7px;
 vertical-align: middle;
}


body.marketPage table.pdf tbody td.center
{
 text-align: center; 
}


/*--------------------------- Market Indices Specific Page --------------------------*/


body.market_indicesPage h1,
body.market_indicesPage div#timeStamp h2,
body.market_indicesPage div#timeStamp p
{
 float: left;
}


body.market_indicesPage h1
{
 margin-left: 15px;
 position: relative;
 top: 20px;
 left: 0;
}


body.market_indicesPage div#timeStamp h2
{
 position: relative;
 top: 19px;
 left: 175px;
}


body.market_indicesPage div#timeStamp p
{
 position: relative;
 top: 25px;
 left:180px;
}


body.market_indicesPage div.subContent1
{
 width: 306px; /*  321px Total */
 padding: 0px 0 0 15px;
}


body.market_indicesPage div.mainContent
{
 width: 306px; /* 318px Total */
 padding: 0px 0 0 12px;
}


body.market_indicesPage div.subContent2
{
 width: 306px; /*  321px Total */
 padding: 0px 0 0 15px;
}


body.market_indicesPage table
{
 width: 293px;
}


body.market_indicesPage table td.topLeft
{
 width: 250px;
}


body.market_indicesPage table td.topRight
{
 width: 43px;
}


body.market_indicesPage table tfoot a, 		/* For IE6 */
body.market_indicesPage table tfoot a:link
{
 display: block;
 background-image: url(../assets/images/arrow.gif);
 background-repeat: no-repeat;
 background-position: center right;
}


/*--------------------------- Market Splash Specific Page --------------------------*/

body#marketSplash div.mainContent h2
{
 margin-bottom: 10px;
}


body#marketSplash div.mainContent div.boxOut
{
 width: 420px;
}


body#marketSplash div.mainContent h4
{
 background-image: url(../assets/splash/bg_head.gif);
 background-repeat: no-repeat;
 background-position: 0 0;
 width: 410px; /* Total 420px */
 height: 18px; /* Total 21px */
 padding: 3px 0 0 10px;
 margin-bottom: 30px;
 margin-top: 0;
}


body#marketSplash div.mainContent div.boxOut p
{
 padding: 0 10px 0 10px;
}


body#marketSplash div.mainContent span.roundedBoxFooter
{
 display: block;
 background-image: url(../assets/splash/bg_footer.gif);
 background-repeat: no-repeat;
 background-position: 0 0;
 width: 420px;
 height: 21px;
 padding: 0;
 margin-top: 30px;
}


/*--------------------------- Contact Specific Page --------------------------*/


body#contactPage div.subContent1
{
 font-size: 11px;
}


ol.address li,
ol.contact li,
ol.media li
{
 list-style: none;
 margin: 0;
}

ol.media
{
 margin-top: 30px;
}

.error
{
 background-color: #EA5458;
 font-size:  12px;
 font-family: Arial, Helvetica, sans-serif;
 color: white;
 text-align: center;
}


.noerror
{
 background-color: #6FF588;
 font-size:  12px;
 font-family: Arial, Helvetica, sans-serif;
 color: #044410;
 text-align: center;
}


/*--------------------------- Map Specific Page --------------------------*/

body#mapPage div.mainContent
{
 margin-top: 29px;
}

body#mapPage ol.address,
body#mapPage ol.contact
{
 position: relative;
 top: 270px;
}