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

author:    Andrew Scrivener
email:     andrew@denison.co.uk
website:   http://www.denison.co.uk
-----------------------------------------------------------------------------*/


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


body 
{
 font-size:  12px;
 font-family: Arial, Helvetica, sans-serif;
 color: #333;
 background-color: #FFF;
 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;
}


div.branding
{
 width: 960px; /* 960px Total */
 height: 78px;
 position: relative;
 background-color: #FFF;
 background-image: url(../assets/general/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;
 padding: 0;
}


div.mainContent
{
 width: 413px; /* 441px Total */
 float: left;
 position: relative;
 padding: 25px 15px 0 13px;
}


div.subContent2
{
 width: 230px; /*  260px Total */
 float: left;
 position: relative;
 padding: 80px 15px 0 15px;
}


div.subContent2 img
{
 margin-bottom: 18px;
}


div.footer
{
 width: 942px; /*  960px Total */
 /*height: 30px;*/
 position: relative;
 top: 20px;
 padding: 0;
 margin-bottom: 0;
 padding-left: 18px;
}


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


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, ul, ol 
{
 margin: 1em 0 0 0;
}


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


em
{
 font-style: italic;
}


strong
{
 font-weight: bold;
}

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

ul, ol
{
 line-height: 175%;
}


ul li
{
 padding: 0 0 0 14px;
 background-image: url(../assets/general/bullet_dropdown.png); 
 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;
}


ul.legal
{
 padding: 8px 0 8px 0;
}


body#indexPage .footer ul.legal
{
 padding-bottom: 0;
}


body#indexPage .footer ul.vat
{
 margin-top: 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-family: Helvetica, Arial, sans-serif;
 font-size: 28px; 
 font-weight: bold;
 color: #003;
}
*/

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



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


h1 
{
 background-repeat: no-repeat;
 background-position: 0 0; 
 position: relative;
}


body#indexPage h1
{
 background-image: url(../assets/general/title_index.gif);
 width: 198px;
 height: 113px;
 left: 35px;
}


body#aboutPage h1
{
 background-image: url(../assets/general/title_about.gif);
 width: 110px;
 height: 21px;
}


body#careersPage h1
{
 background-image: url(../assets/general/title_careers.gif);
 width: 94px;
 height: 22px;
}


body.marketPage h1,
body.market_indicesPage h1
{
 background-image: url(../assets/general/title_market.gif);
 width: 83px;
 height: 21px;
}


body#sitemapPage h1
{
 background-image: url(../assets/general/title_sitemap.gif);
 width: 106px;
 height: 27px;
}


body#privacyPage h1
{
 background-image: url(../assets/general/title_privacy.gif);
 width: 217px;
 height: 27px;
}


body#termsPage h1
{
 background-image: url(../assets/general/title_terms.gif);
 width: 238px;
 height: 22px;
}


body#contactPage h1
{
 background-image: url(../assets/general/title_contact.gif);
 width: 132px;
 height: 22px;
 padding-bottom: 20px;
}


div.subContent2 h3
{
 margin-top: 0;
}

/*---------------------- 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/general/corner_table_top_left.gif);
 background-position: top left;
 background-repeat: no-repeat;
}


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

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


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


tfoot tr.bottomRight
{
 background-image: url(../assets/general/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/general/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/general/btn_login.gif);
 background-repeat: no-repeat;
 background-position: 0 -20px;
 background-color: transparent;
}


input.button.logout
{
 background-image: url(../assets/general/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/general/btn_logout.gif);
 background-repeat: no-repeat;
 background-position: 0 -20px;
 background-color: transparent;
}


input.button.submit
{
 background-image: url(../assets/general/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/general/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;
}


/*--------------------------- Second Level --------------------------*/

ul#navigation ul 
{
 padding: 0px 0px 0px 0px;
 margin: 0; /* Change so that navigation sticks */
 list-style: none;
 line-height: 1;
 z-index: 102;
 width: 140px;
}


ul#navigation li ul 
{
 
 font-weight: normal;
 position: absolute;
 left: -999em;
 /* 
 background-color: #DEE4E7;
 */
}


ul#navigation li ul li
{
 width: 136px; /* 140px Total */
 z-index: 103;
}


#market_nav a
{
 padding-bottom: 6px;
}


ul.subNav1 li
{
 background-color: #DFE7EC;
 /*background-color: transparent;*/
 padding-top: 6px;
}


ul#navigation li ul.subNav1 li a:link,
ul#navigation li ul.subNav1 li a:visited
{
 font-size: 11px; 
 color: #333;
 background-image: url(../assets/general/bullet_dropdown.png);
 background-repeat: no-repeat;
 background-position: 90% 50%;
 line-height: 1.1;
}


ul#navigation ul.subNav1 li.sfhover,
ul#navigation li ul.subNav1 li:hover,
ul#navigation li ul.subNav1 li:active
{
 display: block;
 background-color: #9DAEB7;
}


ul#navigation li ul.subNav1 li a:hover,
ul#navigation li ul.subNav1 li a:active
{
 color: #FFF;
 background-image: url(../assets/general/bullet_dropdown_over.png);
 background-repeat: no-repeat;
 background-position: 90% 50%;
}


ul#navigation li ul.subNav1 li.bottom
{
 height: 5px;
 background-image: url(../assets/general/dropdown_bottom.png);
 background-repeat: no-repeat;
 background-position: bottom left;
}


ul#navigation li:hover ul
{
 left: auto;
}


ul#navigation li ul li
{
 padding: 4px 0 4px 4px;
 height: auto;
}


/*--------------------------- Third Level --------------------------*/

ul#navigation li ul ul 
{
 margin: -1.3em 0 0 11.30em;
}


ul#navigation li:hover ul ul, 
ul#navigation li.sfhover ul ul 
{
 left: -999em;
}


ul#navigation li:hover ul, 
ul#navigation li li:hover ul, 
ul#navigation li.sfhover ul, 
ul#navigation li li.sfhover ul 
{
 left: auto;
}


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


div#flash img
{
 float: left;
}


body#indexPage h1 
{
 font-size: 30px; 
 font-weight: lighter;
 text-align: right;
 line-height: 125%;
 color: #597786;
}


body#indexPage h2 
{
 font-size: 19px; 
}


body#indexPage p
{
 font-size: 13px;
 line-height: 185%;
}


body#indexPage div.mainContent
{
 padding-top: 8px;
}


body#indexPage div.subContent2
{
 padding-top: 27px;
}


body#indexPage div.subContent2 table
{
 width: 230px;
 margin: 0 0 8px 5px;
}


body#indexPage div.footer
{
 height: 42px;
}


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

/*--------------------------- 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/general/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;
}


/*--------------------------- Careers Specific Page --------------------------*/


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



body#contactPage div.mainContent
{
 /*width: 413px;  441px Total 
 padding: 27px 15px 0 13px; */
 
 width: 420px;  441px Total 
 padding: 27px 10px 0 11px; 
}


body#contactPage div.subContent1 div.boxOut
{
 padding-bottom: 20px;
 background-image: url(../assets/general/corner_bottom_right.gif);
 background-position: bottom right;
 background-repeat: no-repeat;
}


body#contactPage div.subContent1 div.boxOut p,
body#contactPage div.subContent1 div.boxOut ul,
body#contactPage div.subContent1 div.boxOut ol
{
 padding-right: 10px;
}


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


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


body#contactPage div.subContent2
{
 width: 245px;
 padding-top: 67px;
 padding-right: 0;
 padding-left: 8px;
}


body#contactPage div.subContent2 p,
body#contactPage div.subContent2 h5,
body#contactPage div.subContent2 ul li,
body#contactPage div.subContent2 ol li
{
 padding-right: 5px;
}


body#contactPage div.subContent2 ul
{
 margin-top: 0.5em;
}


body#contactPage div.subContent1 h4
{
 height: 13px;
 padding-top: 3px;
 background-image: url(../assets/general/h4_edge.gif);
 background-repeat: no-repeat;
 background-position: right top;   
}


body#contactPage div.subContent2 h4.alt
{
 height: 13px;
 padding-top: 3px;
 background-image: url(../assets/general/h4_alt_edge.gif);
 background-repeat: no-repeat;
 background-position: 0 0;   
}


body#contactPage div.subContent2 h5
{
 margin-top: 20px;
}


body#contactPage div.subContent2 ul li
{
 line-height: 175%;
 padding: 0;
 background-image: none;
}


hr#topRule
{
 margin-top: 35px;
}


div#google
{
 float: left;
 position: relative;
 top: 0;
 left: 55px;
}


div#multimap
{
 float: left;
 position: relative;
 top: 15px;
 left: 130px;
}


div#multimap p
{
 margin-top: 21px;
}