/* CSS Document */
body, form, input, label, p, ul, li, h1, h2, h3, h4, h5, h6{ margin: 0; padding:0;}

body{ background: white url(../images/body-bg.gif) center 0 no-repeat;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;}
	
div{ overflow: hidden;}

img{ border: none;}

ul {list-style-type: none;}

html a{ color:#336600; text-decoration: none;}
a:hover{ color:#336600; text-decoration: underline;}

#header{ border-top: solid 11px #96B11D; padding-top: 26px;}
#header h1{ background:url(images/rays-logo.gif) no-repeat; float: left;}
#header h1 a{ text-indent: -99999px; display: block; height: 70px; width: 158px; }

#language {
	float: right; 
	background: url (images/lang_select.gif) no-repeat top left;
}

#language a#eng {
	float: left;
	text-indent: -9999px;
	width: 24px;
	height: 12px;
	display: block;
	background: url('images/lang_select.gif') 0 0 no-repeat;
}
#language a#eng:hover {
	background: url('images/lang_select.gif') 0 -12px no-repeat;
	width: 24px;
}
#language a#chi {
	float: left;
	text-indent: -9999px;
	width: 30px;
	height: 12px;
	display: block;
	background: url('images/lang_select.gif') -24px 0  no-repeat;
}

#language a#chi:hover {
	background: url('images/lang_select.gif') -24px -12px no-repeat;
	width: 30px;
}

/************page start here**************************/
#page, .centered{ width: 900px; margin: 0 auto;}

.centered {
	
}
/************page end here**************************/


/************container start here**************************/
#container{ padding: 22px 0 70px 0;}

#home-banner{ width: 900px; height: 400px; background: #F0F0F0; position:relative;}
#home-banner .images{ position: absolute; width: 900px; height: 300px; left: 0; top:0;}
#home-banner .arrow{ position: absolute; width: 50px; height: 50px; right: 0; top: 110px;}
#home-banner .caption{ position: absolute;  width: 140px; right: 12px; bottom: 20px; font: normal 11px/16px Arial, Helvetica, sans-serif;}

h2.bottom-bor{ border-bottom: solid 1px #9A9A9A;}

#home-bot{ padding: 25px 0; overflow: hidden;}
#home-bot .news{ float: left; width: 465px;}
#home-bot .news ul{ list-style: none;}
#home-bot .news ul li{ border-bottom: solid 1px #E7E7E7; padding: 4px 4px 7px 4px; font: normal 11px/16px Arial, Helvetica, sans-serif; }
#home-bot .products{ float: left; width: 180px; padding-left: 39px;}
#home-bot .products .padd{ padding: 8px 0;}
#home-bot .products .padd select{ margin-top: 10px; width: 180px;}
#home-bot .products .padd p{ padding: 10px 0; font: normal 11px/16px Arial, Helvetica, sans-serif; }



#home-bot .enviroment{ float: right; width: 180px;}
#home-bot .enviroment .padd{ padding: 8px 0;}
#home-bot .enviroment .padd p{ padding: 10px 0; font: normal 11px/16px Arial, Helvetica, sans-serif; }



#left-col{ float: left; width: 125px;}
#left-col ul{ list-style: none;}
#left-col ul li{ padding: 3px 0;  background: url(../images/left-nav-icon.gif) 0 8px no-repeat;}
#left-col ul li a{ font: normal 12px/16px Arial, Helvetica, sans-serif; color:#999999; text-decoration: none; padding-left: 8px; display: block;}
#left-col ul li a:hover, #left-col ul li a.active{  font: bold 12px/16px Arial, Helvetica, sans-serif; color:#0037AA; text-decoration: none;}

#right-col{ float: right; width: 750px; display: inline; overflow: visible;}
#right-col #top-banner{ width: 749px; height: 200px; background: #F0F0F0; position:relative;}
#right-col #top-banner .images{ position: absolute; width: 600px; height: 200px; left: 0; top:0;}
#right-col #top-banner .arrow{ position: absolute; width: 50px; height: 50px; right: 132px; top: 74px;}
#right-col #top-banner .caption{ position: absolute;  width: 140px; right: 12px; bottom: 20px; font: normal 11px/16px Arial, Helvetica, sans-serif;}

#right-col h1.head{ margin-top: 20px; font: normal 28px/35px Arial, Helvetica, sans-serif; color: #333; text-decoration: none;}

#right-col .top-text p{ font: normal 16px/22px Arial, Helvetica, sans-serif; color: #666;
	border-bottom: solid 1px #ccc;
	padding: 0px 0 10px 0;}

#right-col ul.pro-list{ list-style: none; padding: 15px 0;}

#right-col ul.pro-list li h2 a{font: normal 18px/20px Arial, Helvetica, sans-serif; color: #333; text-decoration: none;}
#right-col ul.pro-list li h2 a:hover{ color: #336600; text-decoration: none;}
#right-col ul.pro-list li{ padding: 0 0 30px 0; overflow: hidden; clear:both;}
#right-col ul.pro-list li.airport{ background: url(../images/airport-icon.gif) 0 0 no-repeat;}
#right-col ul.pro-list li.fascia{ background: url(../images/fascia-icon.gif) 0 0 no-repeat;}
#right-col ul.pro-list li.gas{ background: url(../images/gas-icon.gif) 0 0 no-repeat;}
#right-col ul.pro-list li.shopping{ background: url(../images/shopping-icon.gif) 0 0 no-repeat;}
#right-col ul.pro-list li.street{ background: url(../images/street-icon.gif) 0 0 no-repeat;}
#right-col ul.pro-list li .detail{ float: left; width: 480px;}
#right-col ul.pro-list li .icon{ float: left; width: 40px; float:left; margin-right: 10px;}
#right-col ul.pro-list li img{ float: right;}

#content {
	margin-right: 40px;
	width: 100%;
	padding-bottom: 20px;
	border-bottom: 1px solid #999;
}

#oldcontent p {
	font-size: 15px;
	line-height: 21px;
	color: #666;
	font-family: Helvetica, arial, sans-serif;
	width: 600px;
}

.short p {
	margin-right: 280px;
}
/************container end here**************************/

/************footer start here**************************/
#footer{ border-top: solid 1px #ccc; padding: 6px 0px 0px 15px; font: normal 11px/18px Arial, Helvetica, sans-serif; color: #666; width:879px; margin: 0 auto; }
#footer span{ float: left; width: 200px;}
#footer ul{ float: right; list-style: none;}
#footer ul li{background:  url(../images/footer-nav-div.gif) right center no-repeat; padding: 0 7px; float:left;}
#footer ul li.no-bg{ background: none;}
#footer ul li a{ color: #999999; text-decoration: none; display: block;}
#footer ul li a:hover{ color: #0037AA; text-decoration: none;}
/************footer end here**************************/

/************Inner pages right column start here**************************/
#inner-right-col{ float: right; width: 750px;}
#inner-right-col.metro{ background: url(../images/metro-page.jpg) no-repeat;}
.icon2{ float: left; width: 65px; height: 65px;}
.containt-area{ padding-left: 10px;}
.top-area h1{ font: normal 32px/32px Arial, Helvetica, sans-serif;}
.top-area p{ padding: 10px 0; font: normal 14px/22px Arial, Helvetica, sans-serif; color: #000; width:482px;}

#gallery{ margin-top: 17px;}
#gallery .detail-area{ float:left; width: 470px; padding-right: 14px; border-right: solid 1px #DDDDDD;}
#gallery .detail-area p{ padding-top: 10px;}
#gallery .thumb-area{ float: right; width: 166px; margin-right: 15px;}
#gallery .thumb-area ul{ list-style: none; overflow: hidden; height: 220px;}
#gallery .thumb-area ul li{ float: left;}
#gallery .thumb-area ul li a{ border: solid 2px white; display: block;}
#gallery .thumb-area ul li a:hover{ border: solid 2px #98B115;}
#gallery .thumb-area p{ font: normal 11px/16px Arial, Helvetica, sans-serif;}

#banner-area{}
#banner-area .img-area{ float:left;}
#banner-area .banner-text{ float: right; width: 166px; margin: 85px 25px 0 0;}
.discription-area{ float:left; width: 470px; padding-right: 14px; border-right: solid 1px #DDDDDD; margin: 10px 0;}
.discription-area p{ padding-top: 10px;}

.discription-area ul.table-list{ list-style: none; overflow: hidden; padding: 20px 0; }
.discription-area ul.table-list li{ display: block;}
.discription-area ul.table-list li.head-list{ font: bold 11px/22px Arial, Helvetica, sans-serif; border-bottom: solid 1px #999;}
.discription-area ul.table-list li ul{ list-style: none; height: 22px; font: normal 11px/22px Arial, Helvetica, sans-serif; padding-left: 4px; border: solid 1px white;}
.discription-area ul.table-list li ul.head{ font: bold 11px/22px Arial, Helvetica, sans-serif; border-bottom: solid 1px #999999;}
.discription-area ul.table-list li ul.blue{ background: #D8E4F2;}
.discription-area ul.table-list li ul li{ float:left;}
.discription-area ul.table-list li ul li.model{ width: 83px;}
.discription-area ul.table-list li ul li.model-green{ width: 83px; color: #36580E; font-weight: bold;}
.discription-area ul.table-list li ul li.epd{ width: 48px;}
.discription-area ul.table-list li ul li.tube-model{ width: 92px;}
.discription-area ul.table-list li ul li.tube-distance{ width: 80px;}
.discription-area ul.table-list li ul li.tube-length{ width: 80px;}
.discription-area ul.table-list li ul li.consumption{ width: 77px;}

.discription-area ul.bot-list{ padding-left: 20px;}
.discription-area ul.bot-list li{font: normal 12px/20px Helvetica, Arial, sans-serif; color: #333;}

.dis-area{ float:left; width: 500px; padding-right: 40px; border-right: solid 1px #DDDDDD; margin: 10px 0;}
.dis-area p{ padding-bottom: 10px;}

.right-area{ width: 188px; float: right; font: normal 11px/16px Helvetica, Arial, sans-serif;}
.right-area h3{ font: bold 12px/20px Helvetica, Arial, sans-serif; color: #333;}

.news_listing {
	margin: 20px 200px 0 0;
}
.news_listing li {
	margin-bottom: 15px;
}
.news_content {
	margin-right: 200px;
}

/************Inner pages right column end here**************************/

.stepcarousel{
position: relative;
width: 900px;
height: 358px;}

.stepcarousel .belt{
position: absolute;
left: 0;
top: 0;
width: 900px; 
height: 358px;}

.paginate{ position: absolute;
	bottom: 60px;
	right: 10px;
	z-index: 100;}

.paginate a {
	display: block;
	background: red;
	width: 10px;
	height: 20px;
	float: left;
	text-indent: -9999px;
	margin-left: 3px;
}

.stepcarousel .panel{
float: left;
width: 900px; padding:0;}

.stepcarousel .panel .detail-text{
width: auto;
padding: 10px;
margin:0;
display: block; border: solid 1px #CCC;}

.stepcarousel .panel .detail-text p{font: normal 14px/18px Arial, Helvetica, sans-serif; color: #666; float: left; width: 730px;}

.stepcarousel .panel .detail-text .case-study a{ background: url(../images/case-study.gif) 0 0 no-repeat; float: right; width: 120px; height: 30px; display: block; text-indent: -99999px; }
.stepcarousel .panel .detail-text .case-study a:hover{ background: url(../images/case-study.gif) 0 -30px no-repeat; width: 120px; height: 30px; float: right;}

/* product*/
.stepcarousel-p{
position: relative;
width: 600px;
height: 200px;}

.stepcarousel-p .belt{
position: absolute;
left: 0;
top: 0;
width: 600px; 
height: 200px;}

.paginate{ position: absolute;
	bottom: 60px;
	right: 10px;
	z-index: 100;}

.stepcarousel-p .panel{
float: left;
width: 600px; padding:0;}

.stepcarousel-p .panel .detail-text{
width: auto;
padding: 10px;
margin:0;
display: block; border: solid 1px #CCC;}

.stepcarousel-p .panel .detail-text p{font: normal 14px/18px Arial, Helvetica, sans-serif; color: #666; float: left; width: 730px;}

.stepcarousel-p .panel .detail-text .case-study a{ background: url(../images/case-study.gif) 0 0 no-repeat; float: right; width: 120px; height: 30px; display: block; text-indent: -99999px; }
.stepcarousel-p .panel .detail-text .case-study a:hover{ background: url(../images/case-study.gif) 0 -30px no-repeat; width: 120px; height: 30px; float: right;}

.environment_image {
	padding-top: 15px; 
}

.short .faq {
	padding-bottom: 15px;
	float: left;
	width: 100%;
}

.faq img {
	float: right;
}

.gallery_wrapper p {
	margin-left: 10px;
}

.short {
	float: left;
	display: inline;
}

.short ul, .short ul li {
	float: left;
	display: block;
	width: 100%;
}

.sitemap_2 {
	display: none;
}

.rightFloat {
	float: right;
}