/* CSS Document */

/* LAYOUT */
body { padding: 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; background-image:url(/tui/templates_tui/assets/gfx/Body_bg.gif); background-repeat:repeat-x; height:100%; background-color:#d4d4d4}

#outer { width:980px; margin: 0 auto; position: relative; /*background-color: #fefefe;*/}
#inter {margin:15px 10px 0px 10px;}

#header{width:960px; margin-bottom:12px; height:49px;}
#logo{margin-left:10px; width:166px; height:49px; float:left;}

/*Nav Header*/
#nav_header{float:right; height:19px; padding-right:10px; padding-top:30px;}
#nav_header a{ color:#686868; text-decoration:none; }
#nav_header ul { list-style-type: none; margin:0; padding:0; display:inline; margin-right: 5px;}
#nav_header li { font-size:100%; display:inline; border-right: 1px solid #686868; padding-right: 5px; padding-left: 5px; margin-left:0;}
#nav_header .last {border-right:none;}

/*Nav top*/
#nav1 {float:left; width:960px; background:url("/tui/templates_tui/assets/gfx/nav1_bg.gif") no-repeat bottom; font-size:1.2em; line-height:normal; height:60px; margin-top:10px; margin-bottom:20px;}
#nav1 ul {margin:0; padding:0px; list-style:none;}
#nav1 li {float:left; margin:0; padding:0 0 0 4px; height:31px;} 
#nav1 a {float:left; display:block; padding:10px 10px 8px 6px; text-decoration:none; font-weight:normal; color:#454545;}
#nav1 .current {background:url("/tui/templates_tui/assets/gfx/nav1_left.gif") no-repeat left top; height:31px;}
#nav1 .current a {font-weight:bold; background:url("/tui/templates_tui/assets/gfx/nav1_right.gif") no-repeat right top; padding-bottom:12px;}

/*Nav level 2*/
#nav2{clear:both;}
#nav2 ul {margin:0; margin-top:-3px; padding:0px; list-style:none; float:left;}
* html #nav2 ul{list-style:none; float:left; margin-top:-10px; padding:0px;}
#nav2 li { margin:0; padding:0 0 0 4px; height:31px; display:inline;} 
#nav2 .selected a {font-weight:bold;}

/*Nav Top Home Logo*/
#home_logo{float:right; margin-right:10px; width:23px; height:19px;}
* html #home_logo{float:right; margin-right:-5px; width:23px; height:19px;}

/*left Panel*/
#left_panel{width:610px; margin-right:20px; float:left;}

/*Left nav 3rd level*/
#left_nav{width:178px; float:left; position: relative; display: block;  z-index: 4; padding-right:20px; }
#left_nav ul { margin:0; margin-left:15px; padding:0; list-style-type: none; list-style-image: none; list-style-position:outside;}
#left_nav li { padding-bottom: 0.7em;  font-weight:bold; margin-left: 0;}
#left_nav ul ul { list-style-image: url(/tui/templates_tui/assets/gfx/leftnav_arrow.gif); margin-left: 1.5em; }
#left_nav ul ul ul { list-style-image: none; margin-left:1.0em; }
#left_nav li li { padding-top: 0.5em; padding-bottom: 0; }
#left_nav li.selected, #left_nav li.selected a {list-style-image: url(/tui/templates_tui/assets/gfx/leftnav_arrow.gif);}
#left_nav a, #left_nav li.selected li,  #left_nav li.selected li a {color: #a09fa4;}
#left_nav li li a:hover { color: #a09fa4; } 

/*Banner*/
#banner_home{width:610px; margin-bottom:15px;}
#banner_bodycontent{width:410px; float:left;}
#banner{width:410px; float:left; margin-bottom:15px;}

/*Right panel*/
#panel{float:left; margin-bottom:20px;}
#right_panel{width:330px; float:left; /*background-color:#f4f4f4;*/}
#right_panel .generic{margin-bottom:20px;}
#right_panel h2{padding-top:0px; margin-top:0px;}

/*Small bar block*/
.ql {float:left; width:197px; margin-right:9px;}
* html .ql{float:left; width:197px; margin-right:6px;}
.ql_last {float:left; width:197px; margin-right:0px;}
.ql h2{width:190px; height:23px; margin:0px 0px 5px 0px; padding:7px 0px 0px 7px; color:#FFFFFF; font-size:1.2em; font-weight:normal;}
.ql_last h2{width:190px; height:23px; margin:0px 0px 5px 0px; padding:7px 0px 0px 7px; color:#FFFFFF; font-size:1.2em; font-weight:normal;}

/*Small bar block*/
.ql_right {float:left; width:157px; margin-right:15px;}
* html .ql_right{float:left; width:157px; margin-right:15px;}
.ql_last_right {float:left; width:157px;}

.ql_right h2{color: #FFFFFF; font-weight:normal; font-size: 1.2em; line-height: 30px; clear:both; margin:0px; padding:0px; padding-left:9px;}
.ql_last_right h2{color: #FFFFFF; font-weight:normal; font-size: 1.2em; line-height: 30px; clear:both; margin:0px; padding:0px; padding-left:9px;}

/*bodycontent layout*/
#home_content p {padding:2px;}
#home_content{width:610px; float:left; /*margin-top:15px;*/ font-size:1.1em;}
#home_content .grey_content{color:#454545 /*a1a1a3*/; font-size:1.3em; font-weight:bold; line-height:1.3em; margin-bottom:10px;}
#bodycontent{width:410px; float:left; margin-top:0px; font-size:1.1em;}
#bodycontent .grey_content{color:#454545; font-size:1.3em; font-weight:bold; line-height:1.3em; margin-bottom:10px;}

/*Breadcrumbs*/
#breadcrumbs{float:left; padding-bottom:5px;}
#home_content h1{display:none;}
#breadcrumbs a{text-decoration:none;}
#breadcrumbs a:hover{text-decoration:underline;}

/*Footer*/
#caja {display: none; float:left;}

#footer{float:left; width:960px; margin-bottom:0px; background:url(/tui/templates_tui/assets/gfx/footer_end.gif) no-repeat bottom;}
#ftop_left{float:left; width:8px; height:32px; background:url(/tui/templates_tui/assets/gfx/footer_left.gif);}
#ftop{height:27px; border-top:1px solid #b5b5b7; border-bottom:1px solid #b5b5b7; float:left; width:944px; background:url(/tui/templates_tui/assets/gfx/ftop_bg.gif) repeat-x; padding-top:3px;}
#ftop a{ color:#000000; text-decoration:none;}
#ftop ul { list-style-type: none; margin:0; padding:0; display:inline; margin-right: 5px;}
#ftop li { font-size:100%; display:inline; border-left: 1px solid #000000; padding-right: 5px; padding-left: 5px; margin-left:0; }
#ftop .selected {font-weight:bold;}

#ftop_right{float:left; width:8px; height:32px; background:url(/tui/templates_tui/assets/gfx/footer_right.gif);}
#footer_content{float:left; background:url(/tui/templates_tui/assets/gfx/footer_bg.gif) repeat-x #bebebe; border-left:1px solid #bebebe; border-right:1px solid #bebebe; font-size:1.1em; width:958px; margin-bottom:0px; padding-bottom:5px; height:210px;}
#footer_content .footer_col{padding-left:20px; margin-top:10px; float:left; width:150px;}
#footer_content .footer_col_wide{padding-left:20px; margin-top:10px; float:left; width:240px;}
#footer_end{float:left; background:url(/tui/templates_tui/assets/gfx/footer_end.gif); width:960px; height:9px; margin-top:0px;}
#footer_content ul { list-style:none; margin-left: 0; padding-left: 0; margin-top:0.5em;}
#footer_content li { margin-left: 0; }

#footer_g3d{width:950px; padding:0px 10px 5px 0px; margin:0px; float:left; text-align:right;}

#openfooter{float:left; height:24px; width:24px;}
#openfooter a{width:24px; height:24px; display:block;}
#openfooter a:hover{text-decoration:none;}

#rss{float:right; padding-top:1px;}
#rss a{width:22px; height:22px; display:block;}
#rss a:hover{text-decoration:none;}

#copyright{float:left; width:459px; padding-top:5px;}

/*Top Header*/
#shareprice_c{float:left; width:330px; color:#FFFFFF; font-size:1.3em; padding-top:13px; font-weight:bold;}
#shareprice_c a{color:#FFFFFF; text-decoration:none;}
#shareprice_c a:hover{color:#FFFFFF; text-decoration:none;}
.shareprice2{font-weight:normal; font-size:0.9em;}
.shareprice2 a{color:#FFFFFF; text-decoration:none;}
.shareprice2 a:hover{color:#FFFFFF; text-decoration:none;}
#black_header{float:left; height:60px;}
#btop_right{padding-top:20px; float:right;}
#stylesw{float:left; padding-right:50px;}
#sbox{float:left; width:260px;}

/*Search*/
.search { display: inline; margin:0px; padding:0px; height:22px;}
.search input {color:#686868; margin:0px; vertical-align:top;}
.search select {color:#686868; margin:0px; vertical-align:top;}

/*Style Switcher Div*/
#TB_window{border:none;}
.TB_modal{color:#FFFFFF; background-color:#303030; border:none;}
#basicModal a{width:22px; height:22px; display:block;}
#basicModal a:hover{text-decoration:none;}

/*Tab right col*/
.tab_news {padding:0px 0px 7px 0px; margin-top:7px;}
.brdr{border-bottom:1px solid #d3d3d3;}
.tab_news a:hover{text-decoration:underline;}
.tab_date {font-size: 1.0em; color: #686868;}

/*Transparent banner div*/
#randombanner{width:600px; height:153px; padding:5px; border:1px solid #CBCBCB;}
#banner_3rdl{width:400px; height:107px; padding:5px; border:1px solid #CBCBCB;}
.textBox, .textAnswer{font-family:Verdana, Arial, Helvetica, sans-serif; position:absolute; bottom:0; left:0; font-size:1.3em; height:15px; font-weight:bold; color:#b5b5b5; margin-left:0px; margin-bottom:0px; padding:10px;
	 /* Mozilla ignores crazy MS image filters, so it will skip the following */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/tui/templates_tui/assets/gfx/75p_honey.png');}
.textBox-hover {cursor:help; text-decoration:underline;}
.textAnswer {cursor: default; text-decoration: none; }
/* IE ignores styles with [attributes], so it will skip the following. */
.textBox[class], .textAnswer[class] {background-image:url(/tui/templates_tui/assets/gfx/75p_honey.png);}
*html .textBox {margin-bottom:-1px;}
*html .textAnswer{margin-bottom:-1px;}

/* press/financial reports */
.archive { display: inline; }
ul.archive { list-style-type: none; margin-left: 0; padding-left:0em;}
ul.archive li {display: inline; border-right: 1px solid #CCCCCC; padding-left: 0.5em; padding-right: 0.5em; font-weight: bold;  margin-left: 0;}
ul.archive li.last { border-right: 0; }
ul.archive li a { font-weight: normal;}
ul.archive li a:hover {text-decoration: underline; }
.news_date {float:left; width:100px;}
.news_art {float:left; margin-left:20px; margin-bottom:15px; width:290px;}
.news_art_long{float:left; margin-left:20px; margin-bottom:15px; width:490px;}
.news { margin-bottom: 30px; margin-top:0px;}
table.news { width: 100%; padding:0; margin:0px; margin-bottom:20px; margin-top:20px;}
.news th { text-align: left; border-bottom: 1px solid #CBCBCB; padding:0.4em; }
.news td { vertical-align: top; border-bottom: 1px solid #CBCBCB;  padding:0.4em; }
.news td.date { padding-top: 0.5em; line-height: 1.7em; width:22%; }
.news a {text-decoration: none; }
.news a:hover { text-decoration: underline; }
.back{margin-bottom:20px;}
.date {color:#454545; font-weight:bold; margin-bottom:15px; }

/* shareprice */
#details {  border-top: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB; width:99%; padding:0px; float:left;}
#shareprice { color: #686868; }
#shareprice h2, #shareprice h3 { font-size: 1.1em; margin-bottom:0.8em; }
.shareprice { color:#000000; font-size: 180%; margin-top:0; padding-top:0;}

/* shareprice and dividend calculator */
#calc { width: 100%; }
#calvalues {/* margin-top: 20px; border-top: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB; padding: 5px; background-color: #FFFFFF;*/ }
#resultbox { margin-top: 20px; border-top: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB; padding: 5px; }

/* board of directors */
.directors { float: left; width: 135px; padding-left:45px; padding-right: 20px; padding-bottom: 30px; height:190px; }

/* COLUMN LAYOUT STYLES */
.col_layout { width: 100%; }
.col2_left { float: left; width: 70%; }
.col2_right { float:left; width: 29%; }
.col2_left2 { float: left; width: 20%; padding-top:0.2em; padding-bottom:0.4em; }
.col2_right2 { float:left; width: 75%; padding:0.4em;}
.col2form_left { float: left; width: 25%; }
.col2form_right { float:left; width: 74%; }
.col3_left { float: left; width: 30%; }
.col3_mid { float: left; width: 39%; }
.col3_right { float:left; width: 30%; }
 .leftfloat { float: left; }
.rightfloat { float: right; }
.clear { clear: both; /*height: 2px;*/}

/* events calendar */
table.events { width: 100%; padding:0;}
.events th { text-align: left; border-bottom: 1px solid #CBCBCB; padding:0.2em; }
.events td { vertical-align: middle; border-bottom: 1px solid #CBCBCB;  padding:0.2em; }
.events td.date { color:#686868; }
.events td p { margin-bottom:0; }
.events a { color: #686868; text-decoration: none; }
.events a:hover { text-decoration: underline; }
.events .reminder { text-align: right; }
.rightalign { text-align: right; margin-top: 10px; }
.col2_form { width: 99%; }
.col2_form label { font-size: 1.1em; color: #686868; }
.col2_form .c2left { float: left; width: 60%; }
.col2_form .c2right { float:left; width: 39%; }

/*History module*/
table.history { width: 100%; padding:0; margin:0px; margin-bottom:20px;}
.history th { text-align: left; border-bottom: 1px solid #CBCBCB; padding:0.4em; }
.history td { vertical-align: top; border-bottom: 1px solid #CBCBCB;  padding:0.4em; }
.history td.date { padding-top: 0.5em; line-height: 1.7em; width:22%; }

/* Adobe TEMPLATE STYLES */
.adobe { margin-top: 20px; }
.adobe_button {  float:left; width:30%; }
.adobe p { float:left; width: 70%; }
.back { margin-top: 20px; }

/* investor pack */
.investorpack { border-top: 1px solid #CBCBCB;}
table.investorpack { width: 100%; padding:0; margin:0px; margin-bottom:20px; margin-top:20px;}
.investorpack th { text-align: left; border-bottom: 1px solid #CBCBCB; padding:0.4em; }
.investorpack td { vertical-align: top; border-bottom: 1px solid #CBCBCB;  padding:0.4em; }
.investorpack td.date { padding-top: 0.5em; line-height: 1.7em; width:22%; }

/*FAQs Module*/
.queans{width:410px; float:left; margin-bottom:10px;}
.qwrapper{float:left; width:410px; clear:both;}
.faq{float:left; width:350px; font-weight:bold;}
.faqlink{float:left; text-align:right; padding-left:10px; width:40px;}
.answer{padding-bottom:5px; padding-top:5px; float:left;}

#blacktop_left{width:10px; height:60px; float:left;}
#blacktop{height:60px; width:940px; float:left;}
#blacktop_right{width:10px; height:60px; float:left;}

#accordion .ui-state-active, .ui-widget-content .ui-state-active{border: 1px solid #aaaaaa; font-weight: normal; color: #FFFFFF; outline: none;}

.go, .go_trans_bg {width:22px; height:22px; border:none; cursor:pointer; color:transparent; text-transform:capitalize; text-indent: -99999px;}

#basicModal{width:22px; height:22px; display:block;}

.right_side_block h2{color: #FFFFFF; font-weight:normal; font-size: 12px; line-height: 30px; clear:both; margin:0px; padding:0px; padding-left:9px;}

.right_side_block p { font-size: 11px; padding:9px; background: url(/tui/templates_tui/assets/gfx/tab_bg.gif) repeat-x 0% 50%; border: 1px solid #B5B4B9; margin:0px;}

.right_side_block img{margin:0px; padding:0px; border: 1px solid #B5B4B9; border-bottom:none; margin-top:10px;}
#bodycontent .block h2{color: #FFFFFF; font-weight:normal; font-size: 12px; line-height: 10px; padding-left: 9px; clear:both; margin-bottom:5px;}

/* search */
.searchPrev { text-align: left; font-size:1.1em; }
.searchPageNos { text-align:center; font-size:1.1em; }
.searchNext { text-align: right; font-size:1.1em; }

#searchpage ul { margin:0; margin-left:0px; padding:0; list-style-type: none; list-style-image: none; list-style-position:outside; }
#searchpage li { padding-top: 0.7em; font-size:1.0em; margin-left: 0; border-bottom:1px solid #aaaaaa; padding-bottom:0.5em;}


/*BRANDS STYLESHEET*/
.shorthead { height:30px; width:100%; }
.shorthead_left { float:left; height:30px; width: 6px;}
.shorthead_right { float:left; height:30px; width: 6px;}
.shorthead_title {float: left; width:594px; display: inline; background-repeat:repeat-x; color: #FFFFFF; margin:0; font-weight:normal; font-size: 12px; line-height: 30px; padding-left: 3px;  }
.shorthead h2 {float: left; width:315px; display: inline; background-repeat:repeat-x; color: #FFFFFF; margin:0; font-weight:normal; font-size: 12px; line-height: 30px; padding-left: 3px; }
.brand { float: left; width: 130px; height: 130px; border: 1px solid #B5B4B9; padding: 7px; margin: 8px 8px 0 0; }
.brand img { border:0; }
.rowlast { margin-right:0; }
.brand_filter { font-size: 11px; padding: 9px; background: url(/tui/templates_tui/assets/gfx/tab_bg.gif) repeat-x 0% 50%; border: 1px solid #B5B4B9; margin-top: 9px; }
.brand_filter ul { margin-left: 0; padding-left: 12px; }
.page {float: left; display:block; border: 1px solid #454545; width:20px; height: 20px; text-align: center; line-height: 20px; margin-right: 5px; margin-top: 9px; }
.page_selected {color: #FFFFFF;}
.brands_box h2 {color: #FFFFFF; font-weight:normal; font-size: 12px; line-height: 30px; padding-left: 9px; clear:both;}
.brands_box p { font-size: 11px; padding: 9px; background: url(/tui/templates_tui/assets/gfx/tab_bg.gif) repeat-x 0% 50%; border: 1px solid #B5B4B9; }

/*Image Bank*/
#imgbank{width:100%;}
.imgb{float:left; width:130px; height:130px; margin:10px;}

#presssearch{clear:both;}
.svleft{float:left; width:150px; margin-bottom:10px;}
.svright{float:left; width:450px; margin-bottom:10px;}

/*General*/
ul {list-style:disc; margin-left: 0; padding-left: 0; margin-top:0.5em; }
ul ul {margin-top:0; list-style:;}
ul.ulspaced  { padding-top:1.0em; }
ul.ulspaced li { padding-bottom:1.0em; }
ul.ulspaced li:last-child { padding-bottom: 0; }
li { margin-left: 2.0em; }
li a { text-decoration: none;}
a { text-decoration: none;}
a:hover { text-decoration: underline; }
h2 { margin-top: 0; padding-top:10px; padding-bottom:10px; color:#454545; font-size:1.3em;}
h3 { margin-top: 0; padding-top:10px; padding-bottom:10px; color:#454545; font-size:1.2em;}
p { margin-top: 3px;}

#nav_header li.selected, #nav_header li.selected a {font-weight:bold;}

#tabs .ui-state-active a{font-weight:bold;}


/*Black stylesheet*/
/**NEEDS TO BE UPDATED FOR ANY CHANGES TO S_BLACK.CSS FILE**/
/*@import "/tui/templates_tui/assets/css/s_black.css";*/