/*  
Theme Name: Steinhoff International
Theme URI: N/A
Description: Custom WP Theme Design.
Version: 1.0
Author: QBKL Media for Investoreports
Author URI: http://www.investoreports.com/
*/

/*img, div, input { behavior: url("wp-content/themes/steinhoff/js/pngfix/iepngfix.htc") }*/

/* A. Generic */

body {
	margin: 0 auto;
	background: #fff;
	font: normal normal 12px "Trebuchet MS", sans-serif;
	color: #555;
}



#wrap {
	margin: 0 auto;
	width: 960px;
	overflow: hidden;
	position: relative;
	padding-top: 20px;
}

a {
	color: #a40046;
	text-decoration: none;
	outline: none;
}

a:visited {

}

a:hover, a:visited:hover {
	color: #000;
}

a img {
	border: 0;
}

iframe {border:0}

.left {
	float: left!important;
}

.right {
	float: right!important;
}

.nomargin {
	margin: 0!important;
}

.noborder {
	border: 0!important;
}

/* B. Header */

#header {
	display: block;
	width: 940px;
	padding: 10px 10px 0 10px;
	margin: 0 0 30px 0;
	overflow: hidden;
}

.logo {
	width: 195px;
	padding-top: 0;
}

.logo a {
	display: block;
	width: 195px;
	height: 60px;
	background: url(img/logo.gif) no-repeat;
	text-indent: -9999px;
}

.headOptions {
	width: 715px;
	overflow: hidden;
	text-align: right;
}

.jse {
	margin-bottom: 20px;
}

.searchwrap {
	width: 220px;
	float: right;
	margin-bottom: 10px;
}

#searchform {
	clear: both;
	width: 220px;
	margin: 0;
	height: 24px;
	display: block;
	background: url(img/bg-search.gif) no-repeat;
}

#searchform .s {
	width: 140px;
	height: 24px;
	padding: 0;
	margin-left: 15px;
	line-height: 24px;
	background: none;
	border: none;
	font-size: 11px;
	font-style: italic;
}

#searchform .searchsubmit {
	width: 50px;
	margin-left: 5px;
	height: 24px;
	background: none;
	border: none;
	cursor: pointer;
}

/* B.1 Menu */

#navwrap {
	display: block;
}

#nav {
	display: block;
	margin: 0 0 0 158px;
	padding: 0;
	list-style: none;
float:right;
}

#nav li.topButton {
	float: left;
	margin: 0 0 0 5px;
	padding: 0;
}

#nav li.topButton a.topLink {
	display: block;
	padding: 3px 10px;
	font-size: 12px;
	color: #a40046;
	text-decoration: none;
	text-transform: uppercase;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	z-index: 1000;
}

#nav li.topButton a.topActive {
	color: #000!important;
}

#nav li.topButton a.topOpened {
	border-left: 1px solid #ccc!important;
	border-right: 1px solid #ccc!important;
	border-bottom: 1px solid #fff!important;
}

#nav li.topButton a.topLink:hover, #nav li.topButton a.topActive:hover {
	color: #3d4048;
}

.megaContainer {
	position: absolute;
	width: 500px;
	overflow: hidden;
	top: 85px;
	left: 407px;
	z-index: 900;
	border: 1px solid #ccc;
	padding: 20px;
	background: #fff;
	text-align: left;
	line-height: 20px;
	display: none;
}

.megaContainer .megaColumn{
	width: 210px;
	float: left;
	padding-left: 19px;
	border-left: 1px solid #ccc;
}

.megaContainer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.megaContainer li {
	margin: 0;
	padding: 0;
}

.megaContainer ul ul li {
	padding-left: 12px;
	background: url(img/subarrow.gif) no-repeat 0 6px;
}

.megaClose {
	float: right;
	width: 15px;
	height: 15px;
	overflow: hidden;
}

.megaClose a {
	width: 15px;
	height: 15px;
	display: block;
	text-indent: -9999px;
	background: url(img/b-close.gif) no-repeat;
}

.megaClose a:hover {
	background: url(img/b-close.gif) no-repeat 0 -15px;
}

.megaImageWrap img {
	padding: 4px;
	border: 1px solid #ccc;
}

.megaImageWrap img:hover {
	padding: 4px;
	border: 1px solid #a30046;
}

.megaImageLink {
	padding-left: 12px;
	background: url(img/subarrow.gif) no-repeat 0 6px;
}

/* C. Main */

#main {
	width: 960px;
	overflow: hidden;
	line-height: 18px;
}

.pageTitle {
	width: 900px;
	height: 60px;
	padding: 0 30px;
	background: url(img/bg-title-gray.gif) no-repeat;
	margin-bottom: 30px;
}

.post-34, .post-527, .post-510  {
	width: 900px;
	height: 60px;
	padding: 0 30px;
	background: url(img/bg-title-purple.gif) no-repeat!important;
	margin-bottom: 30px;
}

.post-34  h1, .post-527 h1, .post-510 h1{
	color: #fff!important;
}



.pageTitle h1 {
	font: normal normal 30px "Trebuchet MS", sans-serif;
	color: #888;
	margin: 0;
	padding: 0;
	line-height: 60px;
}

.pageHeading {
	margin-bottom: 30px;
}

.pageHeading .titleWrap {
	width: 900px;
	overflow: hidden;
	height: 60px;
	padding: 0 30px;
	background: url(img/bg-title-purple.gif) no-repeat;
}

.pageHeading .titleWrap .landingTitle {
	width: 600px;
	float: left;
	background: none;
	padding: 0;
	margin: 0;
}

.pageHeading .titleWrap .landingTitle h1 {
	color: #fff;
	font: normal normal 30px "Trebuchet MS", sans-serif;
	margin: 0;
	padding: 0;
	line-height: 60px;
}

.pageHeading .introWrap {
	width: 900px;
	overflow: hidden;
	padding: 0 30px;
	background: url(img/bg-intro-paragraph.gif) no-repeat bottom center;
}

.pageHeading .pageIntro {
	width: 600px;
	padding: 20px 0;
	float: left;
	font-size: 12px;
}

.pageIntro h3 {
	font: normal bold 18px "Trebuchet MS", sans-serif;
	color: #555;
	margin: 0 0 10px 0;
}

.menuTitle {
	width: 250px;
	height: 35px;
	padding: 0 10px;
	border-top: 25px #a30046 solid;
	display: block;
	float: right;
	font: normal bold 14px "Trebuchet MS", sans-serif;
	color: #fff;
	line-height: 35px;
	background: url(img/bg-pagemenu-title.gif) no-repeat;
}

.pageMenu {
	background: #fff url(img/bg-pagemenu.gif) no-repeat bottom center;
	width: 250px;
	padding: 10px;
	float: right;
	overflow: hidden;
}

.investorMenu {
	background: #fff url(img/bg-pagemenu-investors.gif) no-repeat bottom center!important;
}

.pageMenuContent {
	float: left;
	width: 140px;
	font-size: 11px;
}

.pageMenuContent ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pageMenuContent ul li {
	margin: 0;
	padding: 3px 0;
	border-bottom: 1px solid #eaeaea;
}

.pageMenuImage {
	float: right;
	width: 100px;
}

.bigImage {
	margin-bottom: 30px;
}

#content {
	width: 630px;
	float: left;
	
}

.fullContent {
	width: 960px!important;
}

.sharetable {
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

.sharetable td {
	background: #f5f5f5;
	margin: 0;
	padding: 3px 5px;
	border-bottom: 1px solid #fff;
}

.sharetable td.altshare {
	background: #eee;
}

.sharetable td.sharelabel {
	font-weight: bold;
	width: 150px;
	border-right: 1px solid #fff;
}

/* C.1 Homepage */

#homeSlides {
	display: block;
	width: 960px;
	height: 260px;
	margin: 0 0 30px 0;
}

#slide1 {
	display: block;
	width: 960px;
	height: 260px;
	background: url(img/tab-bg-red.gif) no-repeat top center;
}

#slide2 {
	display: none;
	width: 960px;
	height: 260px;
	background: url(img/tab-bg-green.gif) no-repeat top center;
}

#slide3 {
	display: none;
	width: 960px;
	height: 260px;
	background: url(img/tab-bg-orange.gif) no-repeat top center;
}

#slide4 {
	display: none;
	width: 960px;
	height: 260px;
	background: url(img/tab-bg-purple.gif) no-repeat top center;
}

#slideContent {
	display: block;
	width: 900px;
	height: 139px;
	padding: 40px 30px 0 30px;
	color: #fff;
	font-size: 13px;
	line-height: 20px;
}

#slideContent h3 {
	font: normal normal 30px "Trebuchet MS", sans-serif;
	margin: 0 0 10px 0;
	padding: 0;
}

#slide1 h3 {
	color: #ffbca8;
}


#slide2 h3 {
	color: #e2ff92;
}

#slide3 h3 {
	color: #fff499;
}

#slide4 h3 {
	color: #ff6aaa;
}

#slideTabs {
	display: block;
	margin: 0 auto;
}

#slideTabs ul {
	margin: 0 auto;
	padding: 0;
	width: 456px;
	overflow: hidden;
	list-style: none;
}

#slideTabs ul li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	display: block;
	width: 81px;

	height: 81px;
}

.tab1 a {

	background: url(img/home-tab-retail.png) no-repeat top center;
	display: block;
	width: 81px;
	height: 81px;
	text-indent: -9999px;
	cursor: pointer;
}

.tab1 a:hover {
	background-position: center center;
}

.tab1 a.slideOn {
	background-position: bottom center;
	cursor: default;
}

.tab2 a {
	background: url(img/home-tab-manufacturing.png) no-repeat top center;
	display: block;
	width: 81px;
	height: 81px;
	text-indent: -9999px;
	cursor: pointer;
}

.tab2 a:hover {
	background-position: center center;
}

.tab2 a.slideOn {
	background-position: bottom center;
	cursor: default;
}

.tab3 a {
	background: url(img/home-tab-logistics.png) no-repeat top center;
	display: block;
	width: 81px;
	height: 81px;
	text-indent: -9999px;
	cursor: pointer;
}

.tab3 a:hover {
	background-position: center center;
}

.tab3 a.slideOn {
	background-position: bottom center;
	cursor: default;

}

.tab4 a {
	background: url(img/home-tab-corporate.png) no-repeat top center;
	display: block;
	width: 81px;
	height: 81px;
	text-indent: -9999px;
	cursor: pointer;
}

.tab4 a:hover {
	background-position: center center;
}

.tab4 a.slideOn {
	background-position: bottom center;
	cursor: default;
}

.mainBoxes, .secondaryBoxes {
	width: 960px;
	margin: 0 0 0px 0;
	overflow: hidden;
}

.secondaryBoxes {
	margin: 0;
}

.boxWrap {
	width: 300px;
	margin-right: 30px;
	float: left;
	overflow: hidden;
}

.boxWrap h4 {
	font: normal bold 14px "Trebuchet MS", sans-serif;
	color: #555a65;
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 14px;
	text-transform: uppercase;
}

.mainBoxes .boxContent {
	border: 1px solid #d1d2d4;
	padding: 15px 20px;
	height: 110px;
	width: 258px;
	overflow: hidden;
}

.sideBoxes .boxContent {
	border: 1px solid #d1d2d4;
	padding: 15px 20px;
	width: 258px;
	overflow: hidden;
}

.sideBoxes .boxWrap {
	margin-bottom: 30px;
}

.secondaryBoxes .boxContent {
	border-top: 1px solid #d1d2d4;
	padding: 15px 0 30px 0;
	width: 300px;
	overflow: hidden;
}

.boxSmall {
	width: 150px;
	float: left;
}

.boxImage {
	float: right;
}

.sideMenu {
}

.sideMenu li {
	background: #f5f5f5;
	margin: 0 0 1px 0!important;
	padding: 3px!important;
}

.investorBox .boxContent {
	background: url(img/bg-investor-box.gif) no-repeat bottom right;
}

.responsabilityBox .boxContent {
	background: url(img/bg-responsability-box.gif) no-repeat bottom right;
}

.overviewBox .boxContent {
	background: url(img/bg-charts-box.gif) no-repeat bottom right;
}

.chartsBox .boxContent {
	background: url(img/bg-jse-box.gif) no-repeat bottom right;
}

.brandsBox .boxContent {
	text-align: center;
}

#brandNames {
	margin-top: 5px;
}

/* C.2 Tabs */

ul#pageTabs {
	width: 960px;
	height: 84px;
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 0;
	border-bottom: 1px solid #d1d2d4;
	list-style: none;
}

ul#pageTabs li {
	width: 240px;
	height: 84px;
	float: left;
	margin: 0;
	padding: 0;
	line-height: 16px;
}

ul#pageTabs li#manufacturingTab a, ul#pageTabs li#manufacturingTab a.inactive {
	
	height: 64px;
	display: block;
	padding: 10px 20px 10px 95px;
	background: url(img/tab-manufacturing.gif) no-repeat;
}

ul#pageTabs li#manufacturingTab a.active {
	background: url(img/tab-manufacturing.gif) no-repeat 0 -84px;
	color: #fff;
}

ul#pageTabs li#logisticsTab a, ul#pageTabs li#logisticsTab a.inactive {
	
	height: 64px;
	display: block;
	padding: 10px 20px 10px 95px;
	background: url(img/tab-logistics.gif) no-repeat;
}

ul#pageTabs li#logisticsTab a.active {
	background: url(img/tab-logistics.gif) no-repeat 0 -84px;
	color: #fff;
}

ul#pageTabs li#retailTab a, ul#pageTabs li#retailTab a.inactive {
	
	height: 64px;
	display: block;
	padding: 10px 20px 10px 95px;
	background: url(img/tab-retail.gif) no-repeat;
}

ul#pageTabs li#retailTab a.active {
	background: url(img/tab-retail.gif) no-repeat 0 -84px;
	color: #fff;
}

ul#pageTabs li#retailTab_2 a, ul#pageTabs li#retailTab_2 a.inactive {
	
	height: 64px;
	display: block;
	padding: 10px 20px 10px 95px;
	background: url(img/tab-retail-2.jpg) no-repeat;
}

ul#pageTabs li#retailTab_2 a.active {
	background: url(img/tab-retail-2.jpg) no-repeat 0 -84px;
	color: #fff;
}








ul#pageTabs_2 {
	width: 960px;
	height: 84px;
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 0;
	border-bottom: 1px solid #d1d2d4;
	list-style: none;
}

ul#pageTabs_2 li {
	width: 320px;
	height: 84px;
	float: left;
	margin: 0;
	padding: 0;
	line-height: 16px;
}


ul#pageTabs_2 li#peopleTab a, ul#pageTabs_2 li#peopleTab a.inactive {
	
	height: 64px;
	display: block;
	padding: 10px 20px 10px 95px;
	background: url(img/people.jpg) no-repeat;
}

ul#pageTabs_2 li#peopleTab a.active {
	background: url(img/people.jpg) no-repeat 0 -84px;
	color: #fff;
}

ul#pageTabs_2 li#planetTab a, ul#pageTabs_2 li#planetTab a.inactive {
	
	height: 64px;
	display: block;
	padding: 10px 20px 10px 95px;
	background: url(img/planet.jpg) no-repeat;
}

ul#pageTabs_2 li#planetTab a.active {
	background: url(img/planet.jpg) no-repeat 0 -84px;
	color: #fff;
}

ul#pageTabs_2 li#profitTab a, ul#pageTabs_2 li#profitTab a.inactive {
	
	height: 64px;
	display: block;
	padding: 10px 20px 10px 95px;
	background: url(img/profit.jpg) no-repeat;
}

ul#pageTabs_2 li#profitTab a.active {
	background: url(img/profit.jpg) no-repeat 0 -84px;
	color: #fff;
}






ul#sixTabs {
	height: 45px;
	overflow: hidden;
	margin: 0 0 0px 0;
	padding: 0;
	border-bottom: 1px solid #a30046;
	list-style: none;
}

ul#sixTabs li {
	width: 160px;
	height: 45px;
	float: left;
	margin: 0;
	padding: 0;
	line-height: 16px;
}

ul#sixTabs li a, ul#sixTabs li a.inactive {
	width: 140px;
	height: 38px;
	display: block;
	padding: 7px 10px 0 10px;
	background: url(img/bg-six-tab.gif) no-repeat;
	text-align: center;
}

ul#sixTabs li a.active {
	background: url(img/bg-six-tab.gif) no-repeat 0 -45px;
	color: #fff;
}



ul#shareTabs {
	width: 960px;
	height: 45px;

	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 0;
	border-bottom: 1px solid #a30046;
	list-style: none;
}

ul#shareTabs li {
	width: 160px;
	height: 45px;
	float: left;
	margin: 0;
	padding: 0;
	line-height: 16px;
}

ul#shareTabs li a, ul#shareTabs li a.inactive {
	width: 140px;
	height: 38px;
	display: block;
	padding: 7px 10px 0 10px;
	background: url(img/bg-six-tab.gif) no-repeat;
	text-align: center;
}

ul#shareTabs li a.active {
	background: url(img/bg-six-tab.gif) no-repeat 0 -45px;
	color: #fff;
}


.listingNav {
	padding-top: 10px;
	border-top: 1px solid #d1d2d4;
	font-size: 14px;
	font-weight: bold;
}

.postWrapper {
	margin: 0 0 20px 0;
}

.postWrapper h2 {
	margin: 0 0 10px 0;
	padding: 0;
}

/* D. Sidebar */

#sidebar {

	width: 300px;
	float: right;
	display:inline;
	
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar ul li {
	margin: 0;
	padding: 0;
}

/* E. Footer */

#footer {
	clear: both;
	width: 960px;
	overflow: hidden;
	border-top: 1px solid #d1d2d4;
	padding: 10px 0 20px 0;
	margin-top: 30px;
	color: #888888;
}

#footer ul {
	width: 960px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer ul li {
	float: left;
	margin: 0;
	padding: 0;
	margin-right: 25px;
}

#footer a, #footer a:visited {
	color: #888888;
}

#footer a:hover, #footer a:visited:hover {
	color: #000;
}






.qtip h4 {
	margin: 0 0 10px 0!important;
	border-bottom: 1px solid #ccc!important;
	padding: 0 0 5px 0!important;
	font-size: 14px!important;

	font-weight: bold!important;
	letter-spacing: -1px!important;
}

.directors{padding:10px; border:1px solid #ccc; margin-bottom:20px;}
.directors img {margin:0 20px 10px 0; float:left;}

#people_form{border:1px solid #ccc; padding:20px;}


.brands_main_block{margin-bottom:20px; clear:both; width:960px;}
.brands_main_block h2{margin-bottom:6px; font-size:16px; clear:both; width:960px; background-color:#F5F5F5; padding:4px;}

.brands_block {border:1px solid #ccc; padding:0px; display:table; height:auto; width:958px;}
.brands_block img{padding:16px 16px 10px 16px; float:left; width:auto; height:auto}

#tabContent1 h2, #tabContent2 h2, #tabContent3 h2{margin:20px 0 10px 0; padding:0}


.indent_left {padding-left:20px; border-left:4px solid #A30046; background-color:#F5F5F5}
hr {color:#A30046}

#share_diary h3 {margin-bottom:0; padding-bottom:0}
#share_diary p {margin-top:0; padding-bottom:15px}

.brand_single {float:left}
.brand_single a{float:left;padding:0 0 0 16px; display:block; clear:both }

.mobile{ display:none}

/* Share Ticker */

#shareticker {
	margin: 0 auto;
	padding: 0 10px;
	width: 940px;
	height: 25px;
	background: #f5f5f5;
	line-height: 25px;
	overflow: hidden;
}

.jse {
	float: left;
	width: 200px;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	margin: 0 10px 0 0;
}

#scroller {
	float: left;
	width: 730px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

#scroller li {
	float: left;
	margin: 0 40px 0 0;
	padding: 0;
}

.simply-scroll-container { 
	position: relative;
}

.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

.simply-scroll-list {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}

/* SENS Tabs */

#sensTabs {
	width: 630px;
	display: block;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
	list-style: none;
	overflow: hidden;
}

#sensTabs li {
	float: left;
	padding: 0;
	margin: 0 1px 0 0;
}

#sensTabs li a, #sensTabs li a.inactive {
	display: inline-block;
	padding: 3px 5px;
	background: #f5f5f5;
	font: normal bold 14px Arial, sans-serif;
	letter-spacing: -1px;
}

#sensTabs li a.active {
	background: #a40046;
	color: #fff;
}

#sensTabs li a:hover {
	background: #ccc;
	color: #666;
}


.news-items {margin:0;}
.news-items ul{ margin:0!important; padding:0!important; list-style:none; margin-left:0px!important; padding-left:0px!important;}
.news-items li{ clear:both; margin-bottom:20px; padding-bottom:20px;display:inline-block; width:100%; list-style:none; margin-left:0px!important; padding-left:0px!important;}


.news-items h2{ font-size:16px; line-height:22px; margin-bottom:0px; padding-bottom:0; font-weight:bold; padding-top:0; margin-top:0;}
.news-items h3{ font-size:12px; margin-bottom:10px; padding-bottom:0; padding-top:0; margin-top:0; color:#aaa;  }

.news-items img{width:260px;float:left; margin-right:20px;display:inline-block; border-radius: 4px; -moz-border-radius: 5px!important; -webkit-border-radius: 4px;border:1px solid #ccc; padding:4px; background:#F5F5F5}
.news-items img:hover{width:260px;float:left; margin-right:20px;display:inline-block; border-radius: 4px; -moz-border-radius: 5px!important; -webkit-border-radius: 4px;border:1px solid #A40046; padding:4px; background:#F5F5F5}

.news-single p{ margin-top:0px; }


.description {overflow: hidden;}

.image-single img{width:260px;float:left; margin-right:20px; padding-right:4px!important; display:inline-block;  border-radius: 4px; -moz-border-radius: 5px!important; -webkit-border-radius: 4px;border:1px solid #ccc; padding:4px; background:#F5F5F5}


.image-single p { margin:0; padding:0 0 20px 0}
.image-single strong { margin:0;padding-bottom:10px; font-size:18px; display:inline-block;}

.sens-page br{display:none}

.x-BOLD{
font-size:12px;
font-weight:bold;
padding-bottom:3px;
}