/* @group basic */

* {margin:0; padding:0;}

body {
margin:0 auto; 
padding:0; 
text-align: center; 
width:100%; 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size:100%; color: #333333; 
background: #343b47;
}


img {border:none;}

.r {float:right;}

.l {float:left;}

.clear {clear: both;}

ul {list-style: none; list-style-image: none;}

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

a:hover {color: #959595;text-decoration: none;}

/* @end */

h1 {
	font-size: 20px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif; 
}

h1.suppliers {
	font-size: 20px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal; 
}


h1.boxes {
	margin-left: 10px;
	margin-bottom: 4px;
	background: none;
	color: #fff;
}

h1.orange {
	margin-left: 0px;
	margin-bottom: 4px;
	background: none;
	color: #f18600;
}

h1.grey {
	margin-left: 0px;
	margin-bottom: 4px;
	background: none;
	color: #959595;
}

h2 {
	font-size:14px ;
	color:#f18600 ;
	font-weight:100;
}

h2.ecoHead {
	font-size:16px ;
	color:#f18600 ;
	font-weight:100;
}

h3 {
	color:#fff ;
	padding-top:5px;
	padding-left:10px;
	font-size:16px;
	font-weight:100;
}

p{
	margin: 5px 0;
	font-size: 10px;
	color: #959595;
	
}

#wrapper {
	margin: 10px auto 0px auto;
	padding: 24px;
	width: 914px;
	background: #fff;
	/*height: 530px;*/
}

#wrappernew {
	margin: 10px auto 0px auto;
	padding: 24px;
	width: 914px;
	background: #fff;
	/*height: 533px;*/
}
#wrappernewHome {
	margin: 10px auto 0px auto;
	padding: 24px;
	width: 914px;
	background: #fff;
}



#top {
	margin-bottom:6px;
	background: none;
	height: auto;
}

#top-inside {
	margin-bottom:8px;
	background: none;
	height: 491px;
	float: left;
}

#top-inside a:hover {
	color:#f39300;
}

#top-suppliers {
	margin-bottom:8px;
	background: none;
	height: 491px;
	float: left;
}
	

#top-detail {
	margin-bottom:6px;
	/*background: url(../images/top.jpg) no-repeat;*/
	background: center center no-repeat;
	height: 294px;
}

/*#detail-orange.up {
	margin-top: 291px;
	padding-top: 10px;
	background: transparent url(../images/detail.png) repeat-x;
	color:#fff;
	float:left;
	height: 23px;
	width: 912px;
	text-align: left;
	overflow: hidden;	
}

#detail-orange.down {
	margin-top: 291px;
	padding-top: 10px;
	background: transparent url(../images/detail.png) repeat-x;
	color:#fff;
	float:left;
	height: 105px;
	width: 912px;
	text-align: left;
	overflow: hidden;	
}

*/

#detail-orange h1 {
	margin-top: 0px;
	margin-left: 10px;
	color: #fff;
	font-size: 15px;
	display: inline;
}

#detail-orange p {
	margin-top: 0px;
	color:#fff;
}

#detail-orange a {
	color: #fff;
}

#detail-orange ul {
	font-size: 11px;
}

#detail-orange ul li {
	padding: 0 10px;
	display: inline;
}

#subnav {
padding-top:5px;
	padding-left:10px; 
	margin-bottom:6px;
	height:92px;
	background:#87898D;
	float: left;
	text-align: left;
	width: 214px;
}

#subnav ul {
	margin: 3px 0 5px 0px;
	font-size: 13px;
}

#subnav ul li a {
	color: #343b47;
/*	font-weight: bold;*/
}

#subnav ul li a.on {
	color: #fff;
	font-weight: normal;
}



#horizontal_carousel {
	margin-left: 6px;
float:left;
height:97px;
margin-bottom:0px;
position:relative;
width:684px;
}
#horizontal_carousel .container {
float:left;
height:97px;
overflow:hidden;
position:relative;
/*width:658px;*/
width:658px;
}
#horizontal_carousel ul {
height:97px;
left:0pt;
margin:0pt;
padding:0pt;
position:relative;
top:0pt;
width:100000px;
}
#horizontal_carousel ul li {
float:left;
height:97px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
text-align:center;
/*width:154px;*/
}

#horizontal_carousel ul li div {
	width:154px;
	height:97px;
	background:#3F4754;
	color:#fff;
	text-align:left;
}

#horizontal_carousel .previous_button {
/*background:transparent url(../images/horizontal/left.png) repeat scroll 0%;*/
background:#959595 url(../images/horizontal/left.png) center no-repeat ;
cursor:pointer;
float:left;
height:97px;
/*width:13px;*/
width:13px;
z-index:100;
}
#horizontal_carousel .previous_button_over {
/*background:transparent url(../images/horizontal/left_over.png) repeat scroll 0%;*/
background:#959595 url(../images/horizontal/left_over.png) center no-repeat ;
}
#horizontal_carousel .previous_button_disabled {
/*background:transparent url(../images/horizontal/left_disabled.png) repeat scroll 0%;*/
background:#959595 url(../images/horizontal/left_disabled.png) center no-repeat ;
cursor:default;
}
#horizontal_carousel .next_button {
/*background:transparent url(../images/horizontal/right.png) repeat scroll 0%;*/
background:#959595 url(../images/horizontal/right.png) center no-repeat ;
cursor:pointer;
float:left;
height:97px;
/*width:13px;*/
width:13px;
z-index:100;
}
#horizontal_carousel .next_button_over {
/*background:transparent url(../images/horizontal/right_over.png) repeat scroll 0%;*/
background:#959595 url(../images/horizontal/right_over.png) center no-repeat ;
}
#horizontal_carousel .next_button_disabled {
/*background:transparent url(../images/horizontal/right_disabled.png) repeat scroll 0%;*/
background:#959595 url(../images/horizontal/right_disabled.png) center no-repeat ;
cursor:default;
}


#scrollArea {
	position	: relative;
	left		: 0px;
	top			: 20px;
	height		: 345px;
	width		: 8px;
	border		: 1px solid #999;
	background: #f8f8f8;
	overflow	: hidden;
	float: left;
}

#scroller {
	position	: relative;
	top			: -1px;
	width		: 8px;
	background	: #AAA;
	border-top	: 1px solid #999;
	border-bottom	: 1px solid #999;
	display: inline;
	float: left;
	cursor: pointer;
}

#scrollcontainer {
	position	: relative;
	top			: 20px;
	left		: 10px;
	width		: 500px;
	height		: 345px;
	background	: #fff;
	overflow	: hidden;
	border		: none;
	margin-bottom: 0px;
	text-align: left;
	float: left;
}

#scrollcontent {
	position	: relative;
	width		: 490px;
	left		: 5px;
}

#scrollcontent a {
	font-size: 12px;
}

#scrollcontent a:hover {
	font-size: 12px;
	color:#f39300;
}

#bottom {
	padding: 0;
	background: #fff;
	height: 131px;
	width: 100%;
}

#bottom ul {
}

#bottom ul li {
	margin-right: 6px;
	display: inline;
	float: left;
	text-align: left;
	height: 32px;
}

#bottom ul li.right {
	margin-right: 0px;
	float: right;
	text-align: left;
	height: 32px;
}

#bottom ul li a{
	color: #fff;
	width: 225px;
	background: #959595;
}

#bottom ul li a:hover{
	color: #fff;
	width: 225px;
	background: #f18600;
}

.tourism {
	padding: 5px 68px 5px 10px;
}

.healthcare {
	padding: 5px 128px 5px 10px;
}

.office {
	padding: 5px 168px 5px 10px;
}

.eco {
	padding: 5px 152px 5px 10px;
}

#bottom-inside {
	margin-top: 0px;
	padding: 0;
	background: #fff;
	height: 26px;
	width: 100%;
	float: left;
}

#bottom-inside ul li {
	margin-right: 6px;
	display: inline;
	float: left;
	text-align: left;
	height: 26px;
}

#bottom-inside ul li.right {
	margin-right: 0px;
	float: right;
	text-align: left;
	height: 26px;
}

.box {
	margin-right: 4px;
	width:225px;
	background: #959595;
	float:left;
/*	height: 136px;*/
	text-align: left;
}

.box:hover {
	background: #f18600;
}

.box img {
	margin-bottom: 5px;
}

.box2 {
	margin-right: 0px;
	width: 225px;
	background: #959595;
	float: left;
	text-align: left;
}

.box2:hover {
	background: #f18600;
}

.box2 img {
	margin-bottom: 5px;
}

#details {
	margin: 13px auto 0px auto;
/*	height: 60px;*/
	padding-bottom:13px;
	width: 966px;
	text-align: left;
	/*border-bottom: 1px solid #6c7177;*/
}

#detailslogo {
	float: left; 
	padding-left: 10px;
	margin-top:13px;
	border-top:1px solid #6C7177;
	width:956px;
}

#dceb {
	margin-top:10px;
	float:right;
}

img.logo {
	margin-left: 24px;
	float: left;
}

#details ul {
	margin-right: 16px;
	margin-top: 12px;
}

#details ul li {
	display: inline;
	font-size: 11px;
	padding: 0 10px;
}

#details a:hover {
	color: #f39300;
}

#details a.on {
	color: #f39300;
}

img.btmlogos {
	margin-top: 0px;
	margin-bottom: 12px;
}

ul.sitem {
	margin: 5px 0;
	font-size: 10px;
	color: #959595;
	
}

ul.sitem li {
	margin: 5px 0 5px 15px;
	
}

#caseSupplier a:hover {
	color: #f39300
}