/* STYLE */

form, h1, h3, h4, h5, h6, ul, p {
	margin: 0px;	
	padding: 0px;
	font-family: Arial;
}

.slides{
        	cursor: default; position: relative; top: 0px; left: 0px; width: 1400px; height: 350px; overflow: hidden;
}

#logo{
       width: 100%;
       height: auto;
}

body{
        margin: 0px;	
	padding: 0px;
	overflow-y: scroll;
        overflow-x: hidden;
        font-family: Arial;
}

h2 {
	margin: 0px;
	padding: 0px;
	font-size:12px;
	}
h2.produk-terkait{
	color:#FF6600;
	font-size:16px;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.pagination-wrapper {
	text-align: center;
	margin: 10px 0 0 0;
}

.input-text {
	border: 1px solid #ccc;
	color: #666;
	font-size: 12px;
	padding: 2px 1px;
	width:225;
}

.w120 {
	width: 120px;
}

.w300 {
	width: 300px;
}

.noborder {
	border: 0px;
}
#home-page h2{
	font-size:12px;
	}

/* LAYOUT */
body {
	font-size: 14px;
	font-family: Arial;	
}

#topmenu {
	padding: 5px 10px;
	color: #000;
	background: #fff;
}

#topmenu a {
	color: #000;
	margin: 0 20px 0 0;
}

#topmenu .icon-home {
	font-size: 15px;
}

#login-form {
	margin: 0px 15px 0px 0px;
}

.submit {
	background: url(../images/table-heading.png) left bottom repeat-x;
	border: 1px solid #ededed;
	font-size: 12px;
}

.header-container {
	background: #fff;
	padding: 7px 0;
}

#hc-left {
	padding: 10px 0px 0px 0px;
}

#maincontact ul li {
	float: left;
	padding: 0px 5px;
	height: 60px;
}

#maincontact ul li h4 {
	color: #eee;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid #eee;
	margin: 0px 0px 5px 0px;
}

#maincontact ul li p {
	color: #000;
	font-weight: bold;
	font-size: 13px;
	margin: 0px 0px 3px 0px;
}

#maincontact ul li p a {
	color: #eee;
	font-weight: normal;
	font-size: 12px;
}

#testimonialswrapper {
	width: 200px;
	height: auto;
	overflow: hidden;
}
#testimonials div {
	width: 200px;
	margin: 0 0 10px 0;
}
#testimonials div h4 {
	color: #999;
	margin: 0;
	padding: 0 0 5px 0;
}
#testimonials div p {
	margin: 0;
}

/* Navigation */

.section-title {
	font-size: 12px;
	padding: 11px 0px;
	text-align: center;
	background: #ed6d15;
	color:#fff;
}

.section-title a {
	color: #000;
}

.section-title:hover a {
	text-decoration: none;
}

.section-title.radius {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
}

#right-container .section-title {
	width: auto;
}

#nav-container {

}

#nav-wrapper {
	background: #f78508;
	margin: 0px auto;
}

#nav {
	
}

#nav li {
	float: left;
	border-left: 1px solid #f78508; /*#fceec8*/
	height: 50px;
	position: relative;
	font-size: 17px;
}

#nav li:hover {
	background: url(../images/title.png) left top repeat-x;
}

#nav li a {
	display: block;
	padding: 11px 19px 10px 20px;
	color: #fff;
	font-weight: bold;
}

#nav li:hover a {
	color: #fff;
	text-decoration: none;
	text-shadow: none;
}

#nav li#item1 {
	border-left: 0px;
}

#nav li#item5 {
	border-right: 0px;
}


#nav li#item1:hover {
        background: #ed6d15;

}

#nav li#item2:hover {
        background: #ed6d15;

}

#nav li#item3:hover {
        background: #ed6d15;

}

#nav li#item4:hover {
        background: #ed6d15;

}

#nav li#item5:hover {
        background: #ed6d15;

}

#nav li#item1:hover a {

}

#nav li ul {
	position: absolute;
	width: 200px;
	top: 32px;
	left: 0;
	z-index: 10;
	display: none;
	padding: 3px 0px 0px 0px;
}

#nav li ul li {
	float: none;
	border: 0px;
	padding: 4px;
	background: #eee;
	border: 1px solid #ccc;
	border-top: 1px solid #fff;
	height: 23px;
}

#nav li ul li:hover {
	background: #ddd;
}

#nav li ul li:hover a {
	text-decoration:none;
}

#nav li:hover ul li a {
	display: block;
	color: #000;
	padding: 4px 10px;
}

#nav li:hover ul {
	display: block;
}

/* Search */

#search-wrapper {
	background: rgba(255,175,75,1);
	background: -moz-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,175,75,1)), color-stop(100%, rgba(255,146,10,1)));
	background: -webkit-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
	background: -o-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
	background: linear-gradient(to bottom, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a', GradientType=0 );
	padding: 0px 0px;
}

#searchform {
	
}

/* Path */

#path-container {
	/*background: url(../images/bg-path-alat-peraga.png) left top repeat-x;*/
	border-bottom: 1px solid #ccc;
}

#path-left {
	/*background: url(../images/left-path-alat-peraga.png) left top no-repeat;*/
}

#path-right {
	padding: 5px 0px;
	/*background: url(../images/right-path-alat-peraga.png) right top no-repeat;*/
}

#path-right a {
	color: #0071bc;
	display: inline-block;
	padding: 0;
	margin: 0 10px 0 0;
}

@media (min-width: 992px) {
	#left-container {
		width: 20%;
	}

	#main-content {
		width: 60%;
	}

	#right-container {
		width: 20%;
	}
}


/* SIDEBAR */

#left-container h3 a {
	color: #fff;
}

#left-container h3 a:hover {
	color: #ed6d15;
	background: #ed6d15;
}

#sidebar-nav-wrapper {
	background: #ed6d15;
	padding: 7px;
	border-radius: 5px;
	margin: 0 0 10px 0;
	-moz-border-radius: 5px;
	font-family: Arial;
}

.sidebar-subs {
	padding: 5px;
	background: #eee;
}

#right-nav,
#sidebar-nav {
	background: #EEE;
	padding: 0px;
}

#right-nav > li,
#sidebar-nav > li {
	padding:0px;
	margin: 0px;
	border-top: 0;
}

#sidebar-nav li:first-child {
	margin: 0px;
}

#sidebar-nav li img {
	margin: 0px 10px 0px 0px;
}

#right-nav li a,
#sidebar-nav  li  a {
	color: #000;
	font-family: Arial;
	display: block;
	padding: 7px 10px;
}

#right-nav li:first-child,
#right-nav li:last-child a {
	padding: 7px 10px;
	color: #000fff;
}

#sidebar-nav > li > a {
	font-weight: bold;
	font-size: 13px;
	color: #000;
}

#sidebar-nav li a:hover {
	text-decoration: none;
	color:ed6d15;
	background:ed6d15;
}

#sidebar-nav li.list-more {
	
}

#sidebar-nav li.list-more a {
	color: #cca127;
}

#sidebar-nav li {
	position: relative;
}

#sidebar-nav li ul {
	background: #000;
}

#sidebar-nav li ul li {
	padding-left:0px;
	background: #eee;
}

#sidebar-nav li ul li a:hover {
	color: #ed6d15;
}

#sidebar-nav li a:hover {
	color: #ed6d15;
}


#sidebar-nav li:hover ul {
        color: #fff;

}

.more-nav {
	height: 0;
	overflow: hidden;
}

.side-product {
	width: 650px;
	padding: 5px;
}

.side-product li {
	text-align: center;
	margin: 0px;
	padding: 5px;
	width: 120px;
	height: 50px;
}



/* Slide */

#slides .slidesjs-container {
	height: 200px;
}

#slides .slidesjs-pagination {
	position: absolute;
	bottom: 10px;
	left: 10px;
	z-index: 1000;
}

#slides2 .slidesjs-pagination {

}

#slides2 .slidesjs-pagination li {
	display: inline-block;
	margin: 0 3px 0 0;	
}

#slides2 .slidesjs-pagination li a {
	display: block;
	padding: 3px 7px;
	background: #333;
	color: #fff;
}

#slides2 .slidesjs-pagination li a.active {
	background: #ccc;
	color: #333;
}

#banner-top {
	height: 120px;
	margin: 10px 0;
}

/* CONTENT */

#banner-container {
 width:135%;
}

#banner-container-foot {
	position: relative;
	bottom:0;
	overflow:hidden;
	width:651px;
	height:200px;
	margin-top:20px;
}

#product-class {
	width: 49%;
	padding: 10px 0px 0px 0px;
}

#product-class h3 {
	border-bottom: 1px solid #f79321;
	font-size: 15px;
	padding: 2px 10px;	
	color: #fff;
	background: #f79321;
}

#product-class ul {
	background: #f7f7f7;
}

#product-class li {
	border-bottom: 1px dotted #f79321;
	margin: 0px;
	padding: 5px 10px;	
}

#product-class li img {
	float: left;
	margin: 0px 10px 0px 0px;
}

#product-class li.last {
	border: 0px;
	background: #ffffdd;
}

#product-class li.item-1,
#product-class li.item-5 {
	margin: 0px;
}

#product-class li h4 {
	margin: 0px;
	padding: 5px 0px;
	font-size: 13px;	
}

#product-class li a {
	color: #000;
}

#product-class li h4 a {
	color: #000;
}

#lp-title {
	font-size: 15px;
	margin: 0px 0px 5px 0px;
	color: #000;
}

#table-prod {
	width: 100%;
}

#tp-1 {
}

#table-prod tr td {
	padding: 0px;
	margin: 0px;
}

/* Latest Product */

#latest-home {	
	margin: 0px 0px 5px 0px;	
}

#latest-home h3 {
	padding: 10px 0;
	color: #000;
}

.cat-list-wrapper {
	background: #eee;
	overflow: hidden;
	height: 240px;	
	border: 1px solid #ccc;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.cat-list-wrapper ul{
	margin: 0;
	padding: 0;
}

.cat-list-wrapper ul li{
	width: 150px;
	padding: 3px 5px;
	display: inline-block;
	height: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cat-list-wrapper ul li a {
	color: #000;
}

.views {
	color: #333;
	padding: 0px 10px;
}

.latest-product-list a {
	font-size: 11px;
	color: #0071bc;
	text-decoration: underline;
}

.latest-product-list a:hover {
	text-decoration: none;
}

.latest-product-list {	
	width: 100%;
}

.latest-product-list li {
	text-align: center;
	padding: 10px 0px;
	float: left;
	width: 150px;
	margin: 0px 0px 10px 10px;
}

.latest-product-list li:first-child {
	margin: 0px 0px 10px 0px;
}

.latest-product-list img {
	border: 0px;
	margin: 0px 0px 5px 0px;
}

.latest-product-list li h4 {
	font-weight: normal;
}

.latest-product-list li h4 a {
	text-decoration: none;
	color: #333;
	font-size: 12px;
	padding: 0px 10px;
}

.latest-product-list a.b-detail {
	bottom: 0;
	background: url(../images/nav-bg.gif) left bottom repeat-x;
	color: #000;
	padding: 3px 15px;
	text-decoration: none;
	border: 1px solid #ffa739;
}

.latest-product-list a.b-order {
	bottom: 0;
	background: url(../images/table-heading.png) left bottom repeat-x;
	color: #000;
	padding: 3px 15px;
	text-decoration: none;
	border: 1px solid #ccc;
}

/* Latest Article */


.article-latest-wrapper h3  a {
	color: #ec9315;
	font-size: 18px;
}

.article-latest-wrapper h3  a:hover {
	text-decoration: none;
}

.article-latest-wrapper h3 {
	margin: 0px 0px 10px 0px;
}

.article-latest-wrapper ul {

}

.article-latest-wrapper ul li {
	padding: 8px 0px;
	margin: 0px;
	border-bottom: 1px dotted #eee;
}

.article-latest-wrapper ul li a {
	color: #000;
}

.article-latest-wrapper ul li h2 {
	margin: 0px 0px 5px 0px;
}

.article-latest-wrapper ul li h2 a {
	color: #7a1a8b;
	font-size: 12px;
	font-weight:bolder;
}

#article-latest-image {

}

/* List Product */

#banner-wrapper-show {

}

#list-product {
	border-top: 3px solid #f79321;
}

#list-product table {
	/*background: #effaaa;*/
	margin: 0px 0px 20px 0px;
}

#list-product table tr td {
	width: 135px;
	text-align: center;
	border: 0px solid #f79321;
	/*background: #fff;*/
	vertical-align: bottom;
	padding: 10px 0px 0px 35px;
}

#list-product table tr td img {
	margin: 10px 0px;
}

#list-product table tr td p {
	margin: 0px 0px 10px 0px;
	font-weight: normal;
}

#list-product table tr td h3 a {
	color: #bd4e00;
}

#list-product table tr td:first-child {
	margin: 0px;
	padding-left: 0px;
}

#button {
	background: #f79321;
	padding: 3px 0px;
}

#button a {
	margin: 3px 0px 0px 0px;
	color: #fff;
}

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

#show-desc {
	text-align: left;
	font-size: 10px;
	padding: 3px 0px;
	border-bottom: 1px solid #000;
}

#product-by-app {
	border-top: 3px solid #f79321;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 10px 10px;
}

#per-product {
	width: 200px;
	margin-right: 10px;
}

#per-product h3 {
	text-transform: uppercase;
	text-decoration: underline;
}

#per-product ul {
	margin: 5px 0px 10px 0px;
}

#per-product li {
	margin-bottom: 5px;
}

#per-product li a {
	color: #000;
}

#per-product li img {
	margin-right: 10px;
}

.category-list-wrapper {
	width: 49%;
}

.category-list {
	width: 100%;
	border: 1px solid #eee;
}

.category-list:hover {
	border: 1px solid #eee;
}

.category-list a {
	display: block;
	color: #000;
}

.category-list a img {
	border: 0px;
}

.category-list {
	color: #000;
	display: block;
}

.category-list:hover {
	text-decoration: none;
	border: 1px solid #f79300;	
}

.product-list-wrapper {
	width: 49%;
}

.product-list-wrapper ul li {
	border: 1px solid #ccc;
	padding: 5px;
	margin: 0 0 10px 0;
	height: 40px;
	float: none;
	clear: both;
}

.product-list-wrapper ul li a {
	color: #000;
	display: block;
	text-decoration: none;
}

.product-list-wrapper ul li a:hover {
	color: #dd0000;
}

.product-list-wrapper ul li a img {
	border: 0px;
	float: left;
	margin: 0px 10px 0px 0px;
}

.wrap-artic-terkait{
	border:1px solid #ddd;
	width:305px;
	min-height: 90px;
	margin:5px 5px 5px 0;
	padding:5px;
	float: left;
}

.info-artic{
	margin-left:5px;
	max-width:210px;
}
.info-artic .judul{
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	cursor:ponter;
	color:#000;
}
.info-artic .judul:hover{
	text-decoration:none;
	color:#ff0000;
}
.wrap-judul{
	padding-bottom:3px;
	margin-bottom:5px;
	min-height:30px;
	max-height:30px;
	overflow:hidden;
}
.more-det{
	color:#ff0000;
	text-decoration:none;
	cursor:pointer;
}

#abjad-wrapper {
	text-align: center;
}

.abjad {
	padding: 1px 5px;
	font-weight: bold;
	color: #fff;
	border: 1px solid #eee;
	background: #f09221;
	text-transform: uppercase;
}

.page-link {
	text-align: center;
	margin: 5px 0px 15px 0px;
}

.page-link a,
.page-link strong {
	padding: 3px 7px;
	border: 1px solid #333;
}

.page-link a {
	background: #333;
	color: #fff;
	text-decoration: none;
}

/* Detail */

#detail-wrapper {
	margin-bottom: 20px;
}

#detail-title {
	color: #dd0000;
	font-size: 25px;
}

#detail-wrapper small {
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #f55321;
}

#contact-title {
	color: #dd0000;
	font-size: 15px;
	margin: 0px 0px 10px 0px;
}

#detail-image {
	width: 250px;
	text-align: center;
	margin: 0 10px 0 0;
}

#detail-image a img {
	border: 0px;
}

#detail-desc {
	width: 380px;
}

.ddesc {
	font-weight: bold;
	padding: 10px 0px;
	font-style: italic;
}

#heading-button {

}

#heading-button a {
	float: left;
	display: block;
	padding: 5px 15px 15px 25px;
	color: #000;
}

.image-button {
	background: url(../images/zoom.jpg) left top no-repeat;
}

.file-button {
	background: url(../images/pdf-icon.png) left top no-repeat;
	display: block;
	width:100px;
	padding: 150px 0 0 0;
	color: #000;
	font-size: 15px;
	font-weight: bold;
}

.inq-button {
	background: url(../images/quote.jpg) left top no-repeat;
}

.subtitle {
	font-size: 18px;
	color: #dd0000;
	margin: 10px 0px;
}

/* Produk Detail Tab */

.tabrow {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 24px;
    background: #f78508;
    font-color: #fff;
    color: #fff;
    font-style: Bold;
}
.tabrow li {
    margin: 0 4px;
    padding: 0 10px;
    border: 1px solid #f78508;
    background: #f78508;
    display: inline-block;
}

.tabrow li a{
    color: #fff;
}

.tabrow li.selected {
    background: #ed6d15;
    color: #fff;
}
.tabrow li a:hover {
	text-decoration: none;
	cursor: pointer;
}

.tabrow {
    position: relative;
}
.tabrow:after {
    position: absolute;
    content: "";
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #ffa739;
    z-index: 1;
}

.tabrow:before {
    z-index: 1;
}
.tabrow li {
    position: relative;
    z-index: 0;
}
.tabrow li.selected {
    z-index: 2;
    border-bottom-color: #FFF;
}

.tab-content-wrapper {
	position: relative;
	min-height: 300px;
}

.tab-content {
	display: none;
}

.tab-content.selected {
	display: block;
}

#detail-feat ul li {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 5px;
	list-style-image: url(../images/side-list.gif);
	padding: 2px 0px;
}

#detail-spec table {
	width: 100%;
}

#detail-spec tr td {
	padding: 2px 5px;
	border-bottom: 1px solid #dd0000;
}

#detail-spec tr td:first-child {
	width: 200px;
	font-weight: bold;
	border-right: 1px solid #dd0000;
}

#detail-spec tr:nth-child(even) {
	background: #f2f2f2;
}

/* News and Event */

#ne-title {
	font-size: 20px;
	color: #dd0000;
	padding: 0px 0px 20px 0px;
}

#ne-wrapper table tr td {
	padding: 5px 15px 5px 0px;
}

#ne-wrapper table tr td a {
	color: #000;
	font-weight: bold;
}

#ne-detail-wrapper h3 {
	font-size: 25px;
}

/* Consultation */

#con-title {
	font-size: 20px;
	color: #dd0000;
	padding: 0px 0px 20px 0px;
}

#consulform {
	background: #ffffdd;
	border: 5px solid #f79321;
	padding: 10px;
}

#consulform input {
	border: 1px solid #f79321;
}

#text-consul {
	width: 100%;
	border: 1px solid #f79321;
}

#con-wrapper table {
	width: 100%;
}

#consulform input#submit-consul {
	background: #f79321;
	color: #fff;
}

#con-wrapper table tr td:first-child {
	width: 15%;
}

#consul-list ul li {
	background: url(../images/ask.jpg) left top no-repeat;
	padding: 0px 0px 10px 50px;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px solid #ccc;
}

#consul-list ul li h4 span {
	font-style: italic;
	color: #999;
}

#consul-list ul li p {
	margin: 7px 0px;
}
#consul-list ul li p {
	margin: 7px 0px;
	font-weight:normal;
}

#consul-list ul li ul {
	padding: 10px 0px;
}

#consul-list ul li ul li {
	background: url(../images/ans.jpg) left top no-repeat;
	padding: 0px 0px 10px 50px;
	margin: 0px;
	border: 0px;
}

/* Search */

#search-title {
	color: #dd0000;
	font-size: 20px;
	padding: 0px 0px 20px 0px;
}

.limage {
	width: 100px;
	text-align: center;
}

.limage a img {
	border: 0px;
}

.ltdesc h3 a {
	color: #000;
}

#search-list li {
	border-bottom: 1px solid #ccc;
}

/* Page */

#page-title {
	color: #dd0000;
	font-size: 15px;
	margin: 0px 0px 10px 0px;
}

ol li {
	list-style: decimal;
}

#page-wrapper ol li {
	list-style: decimal;
}

#page-wrapper ul li {
	list-style: disc;
	margin: 0px 0px 0px 30px;
}

/* Product Logo */

#logo-wrapper {
	list-style: none;
	width: 900px;
	height: 85px;
	padding: 5px 0;
	margin: 5px 0;
	overflow: hidden;
	position:relative;
	background: #fff;
}

#logo-wrapper ul {
	width: 2000px;
	position:relative;
}

#logo-wrapper ul li {
	float: left;
	padding: 0px;
	width: 108px;
	text-align: center;
}

#logo-wrapper ul li.current {

}

#client-wrapper {
	list-style: none;
	width: 650px;
	height: 160px;
	padding: 1px 0px;
	overflow: hidden;
	position:relative;
}

#client-wrapper ul {
	width: 2000px;
	position:relative;
}

#client-wrapper ul li {
	float: left;
	width: 120px;
	padding: 5px;
	margin: 2px 5px;
	text-align: center;
	height: 155px;
}
#client-wrapper ul li .image-item {
	width: 120px;
	height: 120px;
}
#client-wrapper ul li h2 {
	overflow: hidden;
	height: 12px;
	text-overflow:ellipsis;
	font-weight: normal;
	font-size: 11px;
	text-align: center;
}

#client-wrapper ul li a {
	color: #7a1a8b;
	text-align: center;
	display: block;
}

/* Contact */

.inputbox {
	width: 250px;
}

/* Footer */

#footer-container {
	clear: both;
	text-align: center;
	margin: 40px 0 0 0;
	padding: 10px 0px;
	font-size: 11px;
	color: #fff;
	background: #000;
}

#footer-container a {
	color: #fff;
}

/* GENERAL */

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}
.clear h2{
	clear: both;
	font-size:12px;
	font-weight:normal;
}

.low {
	text-transform: lowercase;
	padding: 0px 5px 0px 0px;
}

#category-desc ul {
	padding: 0px 0px 0px 20px;
}

#category-desc ul li {
	list-style-type: disc;
}

#cse-search-results {
width: 500px;
}

#hotline {
	font-weight: bold;
	font-size: 20px;
	background: url(../images/phone-icon.png) left center no-repeat;
	padding: 10px 0px;
	margin: 0px;
	text-indent: 40px;
	letter-spacing: 1px;
}

#email table {
	width: 100%;
	text-align: left;
}

#email table tr td:first-child {
	font-weight: bold;
	color: #0071bc;
}

#email table tr td a {
	color: #000;
}

/* ARTICLE */

.post-wrapper {
	padding: 10px 20px 20px 20px;
	border-bottom: 1px solid #ddd;
}

.post-wrapper p {
	text-align: justify;
	font-family: verdana, Helvetica, Sans-Serif;
	font-size: 12px;
}

.post-right {
	float: right;
	width: 400px;
}

.post-title {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.post-title,
.post-title a {
	font-size: 30px;
	padding: 0px;	
	color: #000;
}

.post-title a:hover {
	text-decoration: none;
	background: #eee;
}
.post-title a h1{
	font-size: 25px;
	padding: 0px;	
	color: #000;
}

.post-body {
	font-family: Verdana, Helvetica, Sans-serif;
	color: #555;
	text-align: justify;
}
.post-body  h3{
	font-family: Verdana, Helvetica, Sans-serif;
	color: #555;
	text-align: justify;
	font-weight:normal;
}

.post-body-detail {
	font-family: Verdana, Helvetica, Sans-serif;
	text-align: justify;
}

.post-body img {
	display: none;
}

.catalog-container {
	
}

.catalog-header {
	height: 151px;
	background: url(../images/rack_header.jpg) center top no-repeat;
	background-size: 100% auto;
}

.catalog-wrapper {
	min-height: 451px;
	background: url(../images/rack.jpg) center bottom repeat-y;
	background-size: 100% auto;
}

.catalog-heading {
	text-align: center;
	font-size: 40px;
	padding: 20px 0;
	position: absolute;
    width: 100%;
}

.catalog-list {
	width: 560px;
	margin: 0 auto;
	position: relative;
}

.catalog-item {
	padding: 135px 0 75px 0;
	margin: 0 0 0 18px;
	display: inline-block;
}

.catalog-item h4 {
	font-size: 12px;
	color: #fff;
	height: 14px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.catalog-image {
	width: 161px;
	height: 231px;
	background: #ccc;
}

.maincontent {
	padding: 0px 20px 20px 20px;
}

#post-wrapper .img {
	float: left;
	margin: 0px 20px 20px 0px;
}

#post-wrapper ul li {
	list-style-type: disc;
}
#cp-wrapper-reg{
	width: 680px;
}
.cp-left-reg{
	float:left;
	width:600px;
}
.cp-left-reg table{
	width:100%;
}
.cp-left-reg tr td{
	border-bottom:1px dashed #ccc;
	margin-top:3px;
	padding:3px;
}
.cp-left-reg input{
	padding:3px;
	width:250px;
	-moz-border-radius:5px;
}.cp-left-reg textarea{
	padding:3px;
	-moz-border-radius:5px;
}
.submite {
		border:0;
		width:100px;
		height:25px;
		color:#fff;
		font-size:15px;
		font-weight:bold;
		background:#FF9900;
		padding:5px 0;
		-moz-border-radius:10px;
}