@charset "utf-8";
/*default styles*/
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, p, object {padding: 0; margin: 0;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#292929;}
*p{text-align:justify; font-family:Arial, Helvetica, sans-serif; font-size:12px}
fieldset, img, abbr {border: 0;} var {font-style: normal;} ul, li {list-style: none;} a, ins{text-decoration: none; outline:none;}
.clear{clear:both;}

/*************************************************************************************************************/

#wraper{width:100%; height:auto; background:#fff}
#waraper-top{width:100%; height:61px; background:url(../images/top-strip.jpg) repeat-x}
#top-panel{ width:1002px; height:61px; margin:auto}
#warper-banner{width:100%; height:461px; background:url(../images/banner-bg.jpg) repeat-x}
#banner{width:1002px; height:461px; margin:auto}
#warper-banner-in{width:100%; height:237px; background:url(../images/wraper-banner-in.jpg) repeat-x}
#banner-inner{width:1002px; height:237px; overflow:hidden; margin:auto}
#content-area{ width:1002px; height:auto; margin:auto; padding:20px 0}
#wraper-footer{ width:100%; height:140px; background:url(../images/footer-bg.jpg) #292929 repeat-x}

.logo{ width:325px; height:auto; float:left; position:absolute; z-index:1005; top:0px}
.navigation{width:677px; height:auto; float:right}
.navigation ul{ height:auto; padding:12px 0 0 0}
.navigation ul li{ width:96px; height:auto; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:center;}
.navigation ul li a{ width:96px; height:41px; color:#fff; display:block; line-height:31px;}
.navigation ul li a:hover{ width:96px; height:41px; background:url(../images/active-bg.jpg) no-repeat}
.navigation-active{width:96px; height:41px; background:url(../images/active-bg.jpg) no-repeat}
.left-panel{ width:287px; height:auto; float:left}
.pro_left{width:280px; height:auto; border:1px #d9dadc solid; padding-left:5px}
.pro_title{width:287px; height:32px; margin:10px 0 0 0;}
.pro_left ul{}
.pro_left ul li{padding:5px 0 0 0; background:url(../images/Products_list_icon.jpg) no-repeat 0 10px;}
.pro_left ul li a{color:#333; font-size:13px; line-height:20px; padding:0 0 0 20px;}
.pro_left li a:hover{color:#666;}

.right-panel{ width:695px; height:auto; margin:0 0 0 20px; float:left}
.news-panel{ width:287px; height:auto}
.news-panel h2{ width:287px; height:32px}
.content{ width:695px; height:auto}
.content h1{ width:695px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#424242; border-bottom:1px dotted #666; padding:0 0 5px 0}
.content h1 span{ color:#7b0005}
.content p{ color:#320002; line-height:18px; text-align:justify; padding:5px 0 10px 0;}
.content h3{background:url(../images/bullet01.jpg) no-repeat 0px 15px; text-indent:13px;font-size:15px;color:#320002; padding:10px 0 0 0}
.content-more{ width:70px; height:18px; background:#333333; text-align:center; margin:0 0 10px 0; float:right}
.content-more:hover{background:#000;}
.content-more a{ display:block; color:#fff; line-height:18px}
.box-panel{ width:695px; height:91px}
.box{ width:216px; height:91px; background:url(../images/box.jpg) no-repeat; float:left}
.box:hover h6{color:#7b0005}
.box img{ padding:5px 0 0 5px; float:left}
.box h6{font-size:15px; color:#252525; padding:20px 15px 10px 0; float:right}
.box-more{ width:99px; height:22px; background:url(../images/box-more.jpg) no-repeat;padding:0 20px 0 0; text-align:center; float:right}
.box-more a{ color:#fff; display:block; line-height:22px}
.box-more a:hover{ color:#dbd9d9}
.footer{ width:1002px; height:125px; margin:auto; padding:15px 0 0 0;}
.footer-left{ width:350px; height:auto; float:left}
.footer-right{ width:652px; height:auto; float:left}
.footer p, a{color:#b3b2b2; line-height:16px}
.footer a:hover{color:#fff}
.footer-right p{text-align:right}
.share{float:right; padding:10px 0; height:25px;}

/****news scroll****/
#newsticker-demo {width:285px; height:200px; margin:10px 0 0 0; overflow:hidden}
#newsticker-demo h6{ font-size:12px; color:#331502}
#newsticker-demo h6 a{ font-size:12px; color:#331502}

.newsticker-jcarousellite { width:285px; overflow:hidden}
.newsticker-jcarousellite ul li {display:block; padding-bottom:1px; margin-bottom:5px; }
.newsticker-jcarousellite .info {width:285px; height:auto; border-bottom:1px dotted #666; padding:0 0 5px 0}
.newsticker-jcarousellite .info p{color:#foo;}
.newsticker-jcarousellite .info span.cat {color:#331502; }
.newsticker-jcarousellite .info span.cat a{color:#331502; }

/*****innerpage*******/
.product-title{ width:695px; height:32px; margin:10px 0; background:url(../images/product-title-bg.jpg) repeat-x}
.product-title h5{ color:#2c3438; font-size:13px; background:url(../images/bullet.jpg) no-repeat 10px 10px; line-height:32px;  text-indent:25px; float:left;}
.product-title h5 a{color:#2c3438;line-height:32px; }
.top_nav{width:65px; height:30px; float:right;}
.top_nav a{border:none;}
.product-panel{ width:695px; height:auto;}
.product-box{ width:217px; height:auto; border:1px solid #d9dadc; margin:5px 0px 0 5px; float:left}
.product-box:hover{border:1px solid #686767}
.product-bg{ width:199px; height:auto; background:url(../images/product-bg.jpg) repeat-x #fff; margin:10px}
.product-bg h6{ width:199px; height:auto; background:#e6e9ea; font-size:12px; text-align:center; padding:2px 0 0 0}
.product-bg h6 a{color:#262525; line-height:20px}

.rent-category-box{ width:217px; height:auto; border:1px solid #d9dadc; margin:5px 0px 0 5px; float:left}
.rent-category-box:hover{ border:1px solid #686767}
.rent-box{ width:199px; height:auto; margin:10px; text-align:center;}
.rent-box h6{ width:199px; height:auto; background:#e6e9ea; font-size:12px; text-align:center; padding:5px 0; margin-bottom:7px;}
.rent-box-more{ width:93px; height:21px; background:url(../images/rent-more.jpg) no-repeat; margin:6px auto; text-align:left;}
.rent-box-more:hover{ background:url(../images/rent-more-hover.jpg) no-repeat}
.rent-box-more a{ color:#fff; line-height:21px; padding:0 0 0 8px; display:block}
.rent-box-more a:hover{ color:#c3c2c2;}
.rent-category-details{ width:400px; height:auto; float:left; margin-right:15px;}
.rent-category-right{ width:250px; height:auto; float:left}
.rent-category-right img{ padding:10px 0 0 0}
.rent-category-details h4{ font-size:16px; padding:15px 0 0 0}
.rent-category-details h5{ font-size:14px; padding:0px 0 15px 25px}
.rent-category-details h6{ font-size:14px; padding:0px 0 10px 0px}
.rent-category-details p{ text-align:left}
.rent-ctgry-dtl-more{ width:93px; height:27px; background:url(../images/more-btn.jpg) no-repeat; margin:0 15px 0 0; float:left}
.rent-ctgry-dtl-more:hover{ width:93px; height:27px; background:url(../images/more-btn-hover.jpg) no-repeat; margin:0 15px 0 0; float:left}
.rent-ctgry-dtl-more a{ font-size:13px; color:#fff; line-height:27px; display:block; padding:0 0 0 20px}
.rent-ctgry-dtl-more a:hover{ color:#c5eafc}
.but{font-size:13px; color:#fff; line-height:27px; display:block; padding:0 0 0 20px}
.but:hover{color:#c5eafc}


.rent-category-details ul{ padding:0 0 15px 15px}
.rent-category-details ul li{ background:url(../images/bullet-li.jpg) no-repeat 0px 6px; text-indent:12px; line-height:22px;}

.enquiry-panel{ width:680px; height:auto; padding:15px 0 0 0}
.enquiry-row{ width:680px; height:auto; padding:5px 0; overflow:hidden}
.enquiry-left{ width:165px; height:auto; background:url(../images/column.jpg) no-repeat 150px 5px; float:left}
.enquiry-right{ width:500px; height:auto; float:left}
.enquiry-left p{ padding:2px 0 2px 15px; font-size:14px}
.enquiry-right input{ width:250px; height:auto; border:1px solid #CCC}
.enquiry-right textarea{ width:246px; height:auto; border:1px solid #CCC}
.btn-style{ width:84px; height:23px; background:url(../images/submit-btn.jpg) no-repeat; color:#fff; cursor:pointer}
.btn-style:hover{background:url(../images/submit-btn-hover.jpg) no-repeat}

.news-details{ width:695px; height:auto; padding:15px 0 0 0}
.news-details h6{ font-size:14px}

.contact-details{ width:695px; height:auto; padding:15px 0 0 0}
.contact-details a{ color:#320002}
.contact-details a:hover{ color:#f00}
.contact-details img{ padding:0 0 15px 0}
.adot{ width:300px; height:auto; margin:15px 0 0 20px; float:left}
.adot img{ padding:0 0 0 15px}
.adot p{padding:0 0 0 15px; line-height:20px; font-size:13px; text-align:left}
.adot h4{font-size:13px; text-indent:15px;}
.roots{ width:300px; height:auto;margin:15px 0 0 20px; float:left; border-left:1px solid #CCC;}
.roots img{ padding:0 0 0 15px}
.roots p{ padding:0px; line-height:20px; font-size:13px; margin:0 0 0 15px}
.roots h4{font-size:13px; text-indent:15px;}

.caption{width:270px; margin:15px 0 10px 15px; height:25px; background:#d4d2d2; border-radius:5px;}
.caption h4{font-size:13px; line-height:25px; text-indent:8px;}

	#backgroundPopup {
		display: inline;
		position: fixed;
		_position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		bottom: 0;
		background: black;
		opacity: 0.5;
		filter: alpha(opacity=50);
		border: 1px solid #CECECE;
		z-index: 10;
	}