/* Navigation */
ul#nav {
	background: transparent url(../img/nav-bg.png) repeat-x top;
	margin: 10px 0;
	border: solid 1px #FF5A00;
}
	ul#nav li {
		display: inline;
		float: left;
		background: transparent url(../img/nav-separator.png) no-repeat right;
	}
	ul#nav li a {
		display: block;
		line-height: 36px;
		height: 36px;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		padding: 0 10px;
	}
	ul#nav li a:hover {
		text-decoration: underline;
	}
	ul#nav li.first a {
		padding-left: 3px;
	}
	ul#nav li.first a img {
		padding: 3px;
	}

/* Splash */
#splash {
	background-color: #FEA53F;
	border: solid 1px #FF5A00;
	padding: 10px;
	margin-bottom: 10px;
	height: 340px;
	width: 278px;
}
	#splash img.splash-img {
		margin-bottom: 10px;
		display: block;
	}
	#splash .splash-date {
		text-transform: uppercase;
		font-size: 11px;
	}
	#splash .splash-title a {
		color: #fff;
		font-size: 18px;
		font-weight: normal;
		line-height: 24px;
		text-decoration: none;
	}
	#splash .splash-title a:hover {
		text-decoration: underline;
	}
	#splash ul.splash-imgs {
		margin-top: 5px;
	}
	#splash-nav {
		margin: 20px 0 10px 0;
		padding-top: 10px;
		border-top: solid 1px #fff;
		text-align: right;
	}
	#splash-nav a {
		padding: 2px 5px;
		margin-left: 2px;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		border: solid 1px #fff;
	}
	#splash-nav a.activeSlide {
		background-color: #fff;
		border: solid 1px #fff;
		color: #FEA53F;
	}

/* Gallery */
#splash-gallery {
	background-color: #fff;
	padding: 10px;
	margin-left: 0;
}
	#splash-gallery ul.splash-gallery-list li {
		margin-bottom: 15px;
	}
	#splash-gallery img.splash-gallery-img {
		float: left;
		margin-right: 10px;
	}
	#splash-gallery .splash-gallery-title a {
		font-weight: bold;
		color: #FF6002;
		text-decoration: none;
	}
	#splash-gallery .splash-gallery-title a:hover {
		text-decoration: underline;
	}

/* Content */
#content {
}
	#content #main {
	}
	#content #sidebar-right {
		margin-left: 0;
	}
	#content #sidebar-left {
		margin-right: 0;
	}

/* News */
#news {
	width: 610px;
	background-color: #fff;
	padding: 10px;
	margin-bottom: 10px;
	border: solid 1px #c2c2c2;
}
	/* News by brand */
	#news-by-brand {
		margin: 0 5px 0 0;
		width: 300px;
		border-right: solid 1px #c2c2c2;
	}
		#news-by-brand .news-by-brand-title {
			font-size: 14px;
			text-transform: uppercase;
			line-height: 24px;
			margin-bottom: 10px;
			color: #FF6002;
		}
		#news-by-brand ul.news-by-brand-list li {
			float: left;
			display: inline;
			width: 75px;
		}
		#news-by-brand ul.news-by-brand-list li img {
			width: 75px;
			height: 60px;
		}
		
	/* News block */
	#news-block {
		margin: 0 0 0 5px;
		width: 299px;
	}
		#news-block .news-block-title {
			font-size: 14px;
			text-transform: uppercase;
			line-height: 24px;
			margin-bottom: 10px;
			color: #FF6002;
		}
		#news-block ul.news-block-list {
			margin-left: 20px;
		}
		#news-block ul.news-block-list li {
			margin-bottom: 10px;
			list-style: square;
			color: #c2c2c2;
		}
		#news-block ul.news-block-list li a {
			font-weight: bold;
			color: #FF6002;
			text-decoration: none;
		}
		#news-block ul.news-block-list li a:hover {
			text-decoration: underline;
		}
		
/* Gallery */
#gallery {
	margin: 0 auto;
}
	#gallery ul.gallery-list {
		text-align: center;
		margin: 10px auto;
	}
	#gallery ul.gallery-list li {
		float: left;
		display: inline;
		margin: 0 5px;
	}	
	#gallery-prev {
		position: absolute;
		display: block;
		left: 10px;
		top: 60px;
	}
	#gallery-next {
		position: absolute;
		display: block;
		right: 10px;
		top: 60px;
	}

/* Blocks */
.blocks {
}
	.block {
		padding: 10px;
		margin-bottom: 10px;
		position: relative;
	}
	.block-black {
		background: #2d2d2d url(../img/block-black-bg.png) repeat-x top;
		border: solid 1px #616161;
	}
	.block-black .block-title {
		font-size: 16px;
		color: #FE0002;
		line-height: 24px;
		border-bottom: solid 1px #616161;
	}
	.block-black .block-more {
		text-align: right;
		margin-top: 10px;
	}
	.block-black .block-more a {
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}
	.block-black .block-more a:hover {
		text-decoration: underline;
	}
	
	.block-orange {
		background: transparent url(../img/block-orange-bg.png) repeat-x top;
	}
	.block-orange .block-title {
		font-size: 16px;
		text-transform: uppercase;
		color: #fff;
		line-height: 24px;
		border-bottom: solid 1px #fff;
	}
	.block-orange .block-more {
		text-align: right;
		margin-top: 10px;
		position: absolute;
		top: 2px;
		right: 10px;
	}
	.block-orange .block-more a {
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}
	.block-orange .block-more a:hover {
		text-decoration: underline;
	}
	
	.block-white {
		background-color: #fff;
		padding: 0;
	}
	.block-white .block-content {
		padding: 10px;
	}
	.block-white .block-title {
		font-size: 16px;
		text-transform: uppercase;
		color: #fff;
		line-height: 24px;
		background-color: #FF6002;
		padding: 5px 10px;
	}
	.block-white .block-more {
		text-align: right;
		position: absolute;
		top: 5px;
		right: 10px;
	}
	.block-white .block-more a {
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}
	.block-white .block-more a:hover {
		text-decoration: underline;
	}
	
	ul.mobil-list>li {
		padding: 10px 0;
		border-bottom: solid 1px #FF6002;
	}
	ul.mobil-list img.mobil-img {
		float: left;
		border: solid 1px #FF6002;
		margin-right: 10px;
	}
	.sidebar ul.mobil-list img.mobil-img {
		width: 115px;
	}
	ul.mobil-list .mobil-title a {
		font-weight: bold;
		color: #FF6002;
		text-decoration: none;
	}
	ul.mobil-list .mobil-title a:hover{
		text-decoration: underline;
	}
	ul.mobil-list li ul.mobil-imgs {
		margin-top: 5px;
	}
	ul.mobil-list li ul.mobil-imgs li {
		float: left;
		display: inline;
	}
	ul.mobil-list li ul.mobil-imgs li.odd {
		margin-right: 5px;
	}
	ul.mobil-list li ul.mobil-imgs li img {
		border: solid 1px #616161;
	}
	
	ul.modif-list>li {
		padding: 10px 0;
		border-bottom: solid 1px #FF6002;
	}
	ul.modif-list img.modif-img {
		float: left;
		border: solid 1px #FF6002;
		margin-right: 10px;
	}
	.sidebar ul.modif-list img.modif-img {
		width: 115px;
	}
	ul.modif-list .modif-title a {
		font-weight: bold;
		color: #FF6002;
		text-decoration: none;
	}
	ul.modif-list .modif-title a:hover{
		text-decoration: underline;
	}
	ul.modif-list li ul.modif-imgs {
		margin-top: 5px;
	}
	ul.modif-list li ul.modif-imgs li {
		float: left;
		display: inline;
	}
	ul.modif-list li ul.modif-imgs li.odd {
		margin-right: 5px;
	}
	ul.modif-list li ul.modif-imgs li img {
		border: solid 1px #616161;
	}
	
	ul.produk-list li {
		padding: 10px 0;
		border-bottom: solid 1px #ccc;
	}
	ul.produk-list img.produk-img {
		float: left;
		border: solid 1px #ccc;
		margin-right: 10px;
	}
	ul.produk-list .produk-name a {
		font-weight: bold;
		color: #000;
		text-decoration: none;
	}
	ul.produk-list .produk-name a:hover{
		text-decoration: underline;
	}
	ul.produk-list .produk-description {
		color: #000;
	}
	
	ul.bursa-list li {
		padding: 5px 0;
		list-style-image: url(../img/bursa-bullet.png);
		margin-left: 25px;
	}
	ul.bursa-list li a.bursa-title {
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}
	ul.bursa-list li a.bursa-title:hover {
		text-decoration: underline;
	}
	
	.container_12 #main {
		width: 630px;
	}
	.container_12 #main .blocks .grid_4 {
		width: 310px;
	}
	.container_12 #main .blocks .alpha {
		margin-right: 5px;
	}
	.container_12 #main .blocks .omega {
		margin-left: 5px;
	}


/* Oto girl */
#girl {
	background-color: #FEA53F;
	border: solid 1px #FF5A00;
	padding: 10px;
	margin-bottom: 10px;
}
	#girl .girl-list {
		text-align: center;
	}
	#girl-nav {
		margin: 10px 0 0 0;
		padding-top: 10px;
		border-top: #FF6002;
		text-align: right;
	}
	#girl-nav a {
		padding: 2px 5px;
		margin-left: 2px;
		color: #c2c2c2;
		font-weight: bold;
		text-decoration: none;
		border: solid 1px #c2c2c2;
	}
	#girl-nav a.activeSlide {
		background-color: #FF6002;
		border: solid 1px #FF6002;
		color: #fff;
	}

#forum-block {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background-color: #fff;
}
	#forum-block .forum-block-title {
		background-color: #FF6002;
		color: #fff;
		font-size: 14px;
		line-height: 24px;
		padding: 5px 10px;
		margin-bottom: 10px;
		text-transform: uppercase;
	}
	#forum-block ul li {
		margin-bottom: 10px;
		list-style: square;
		color: #c2c2c2;
		margin-left: 25px;
	}
	#forum-block ul li a.forum-title {
		font-weight: bold;
		color: #FF6002;
		text-decoration: none;
	}
	#forum-block ul li .forum-description {
		color: #000;
	}
	#forum-block ul li a.forum-title:hover {
		text-decoration: underline;
	}

/* Details */
.mobil-details {
	background-color: #fff;
	padding: 10px 20px;
	margin-bottom: 10px;
}
	.details-date {
		font-size: 12px;
		text-transform: uppercase;
	}
	.details-title {
		font-size: 22px;
		color: #FE0002;
		line-height: 26px;
		margin-bottom: 10px;
	}
	.details-content img {
		border: solid 1px #616161;
	}
	.details-content .details-splash {
		margin: 20px 0;
	}
	.details-content .details-imgs {
		margin-right: 0;
		width: auto;
	}
	.details-content .details-imgs ul li {
		margin-bottom: 10px;
	}
	.details-content p {
		padding: 0 0 10px 0;
		font-size: 12px;
	}
	.details-description {
		float: left;
	}
	.details-meta ul li {
		float: left;
		display: inline;
		margin-right: 15px;
	}
	.details-meta ul li a {
		color: #000;
		text-decoration: none;
	}
	.details-meta ul li a:hover {
		text-decoration: underline;
	}
	.details-meta .block-content {
		position: relative;
	}
	.details-meta .block-content a.kirim-modif {
		position: absolute;
		top: -5px;
		right: 0;
	}

/* Footer */	
#footer {
	margin-top: 20px;
}
	ul#nav2 {
		background-color: #363636;
		margin: 10px 0 5px 0;
	}
	ul#nav2 li {
		display: inline;
		float: left;
	}
	ul#nav2 li a {
		display: block;
		color: #fff;
		text-decoration: none;
		padding: 0 7px;
		margin: 5px 0;
		font-size: 11px;
		border-right: solid 1px #fff;
	}
	ul#nav2 li a:hover {
		text-decoration: underline;
	}
	ul#nav2 li.last a {
		border-right: none;
	}
	#copyright {
		border-top: solid 1px #616161;
		font-size: 11px;
		padding: 5px 0;
	}

/* Banners */
.banner-sidebar {
	margin-bottom: 10px;
}

.input {
}
	.input-select {
		background-color: #fff;
		padding: 2px;
		border: solid 1px #616161;
	}

.rounded {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
	.rounded-left {
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-left-top-radius: 5px;
		-webkit-border-left-bottom-radius: 5px;
	}
	.rounded-right {
		-moz-border-radius-topright: 5px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-right-top-radius: 5px;
		-webkit-border-right-bottom-radius: 5px;
	}

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